美文网首页
修改element-ui主题颜色

修改element-ui主题颜色

作者: 帆_44fc | 来源:发表于2020-03-10 23:59 被阅读0次

    1.下载sass-loader,node-sass
    npm install sass-loader@7.3.1// 默认下载目前最新版本为8.0.0.版本过高不兼容,使用会报错
    npm rebuild node-sass
    2.新建一个样式文件如:element-variables.scss

    /* 改变主题色变量 */
    $--color-primary: teal;
    /* 改变 icon 字体路径变量,必需 */
    $--font-path: '~element-ui/lib/theme-chalk/fonts';
    @import "~element-ui/packages/theme-chalk/src/index";
    

    3.在入口文件main.js中引入

    import Vue from 'vue'
    import Element from 'element-ui'
    import './element-variables.scss'
    Vue.use(Element)
    

    相关文章

      网友评论

          本文标题:修改element-ui主题颜色

          本文链接:https://www.haomeiwen.com/subject/dwsodhtx.html