ElMessage自定义样式

最新推荐文章于 2024-07-23 08:04:12 发布

十一吖i

最新推荐文章于 2024-07-23 08:04:12 发布

阅读量598

点赞数 3

分类专栏： 11 文章标签： javascript 前端开发语言

小野猫

本文链接：https://blog.csdn.net/m0_51822639/article/details/137256660

版权

11 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

本文介绍了如何在Element-Plus库中使用ElMessage组件来显示定制化的主动操作反馈，如设置消息位置（如200px上移）、尺寸（500x300像素）以及大字体效果。

摘要由CSDN通过智能技术生成

ElMessage自定义样式

默认样式
在这里插入图片描述

从顶部出现，3 秒后自动消失。

常用于主动操作后的反馈提示。

import { ElMessage } from 'element-plus'

ElMessage.success({
	message: res.data.msg,
	duration: 300,
	style: {
		marginTop: '200px',
		// 设置提示框的宽度
		width: '500px', 
		// 设置提示框的高度
		height: '300px',
		// 设置字体大小，并使用 !important 关键字
		fontSize: '200px !important', 
	}
})