利用scss修改Element组件样式_sass 修改element 样式

1）在Vue里面安装scss（尤为重要）

npm下载：

npm install -D sass-loader node-sass

2）在css文件（自定义）夹内创建一个scss文件，在这里创建为element-variables.scss（先不编辑里面内容）

 3）在main.js里面利用import引入（注意修改对应的路径）

import './assets/css/element-variables.scss'

4）在自己生成的界面F12进入控制台查看对应的类名

 可以看到右边有对应的element自己存在的样式

5）在element-variables.scss里面添加需要的内容样式

.el-submenu .el-menu-item{
  font-size: 10px !important;//修改字体大小
  height: 25px !important;//修改框的大小
  line-height: 25px !important;
}

在每个样式后面添加（！importtant），提到全局元素