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

前言

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

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

.el-message{
    font-size:22px !important;
  }
  .el-message__content{
    font-size:18px !important;
  }

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