vue2改变el-message字体、图标尺寸样式(vue2,element-ui)

前言

最近接手一个项目,vue2+elementui 的,产品觉得message 的字体太小了,展示起来看不清,所以需求就是把message 的字体和图标变大,实现路径如下:

找到自己的main.scss文件,并且加上对应内容:

csharp 复制代码
.el-message{
    font-size:22px !important;
  }
  .el-message__content{
    font-size:18px !important;
  }

其中上述内容的**.el-message**是控制图标大小的,el-message__content是控制文字大小。

相关推荐
你的人类朋友2 小时前
✍️【Node.js程序员】的数据库【索引优化】指南
前端·javascript·后端
CodeCraft Studio2 小时前
Excel处理控件Aspose.Cells教程:使用 C# 从 Excel 进行邮件合并
开发语言·c#·excel
小超爱编程3 小时前
纯前端做图片压缩
开发语言·前端·javascript
应巅3 小时前
echarts 数据大屏(无UI设计 极简洁版)
前端·ui·echarts
islandzzzz4 小时前
HMTL+CSS+JS-新手小白循序渐进案例入门
前端·javascript·css·html
Senar4 小时前
网页中如何判断用户是否处于闲置状态
前端·javascript
很甜的西瓜4 小时前
typescript软渲染实现类似canvas的2d矢量图形引擎
前端·javascript·typescript·图形渲染·canvas
KIDAKN5 小时前
java--怎么定义枚举类
java·开发语言
海天胜景5 小时前
C# 中常用的 字符串截取方法
开发语言·c#
阿芯爱编程5 小时前
最长和谐子序列,滑动窗口
前端·javascript·面试