vuecli30-配置Iview定制主题

43次阅读

共计 455 个字符,预计需要花费 2 分钟才能阅读完成。

不慌,按照 Iview 的来,大概 . . . 不会出现问题!

1、新建一个 my-them.less

@import '~view-design/src/styles/index.less';

/* 主题配置 其他配置参照 https://github.com/view-design/ViewUI/blob/master/src/styles/custom.less*/
@primary-color: #6C86FF;
@link-hover-color: #6C86FF;

2、入口文件 main.js 引入

import './assets/css/my-them.less';

说明

  • 这里需要支持 less 文件,项目应该安装 less 和 less-loader
// 不能超过以下下两个版本号
npm install less@2.7.3 less-loader@5.0.0 -D
  • vue.config.js 配置
module.exports = {
    css:{ 
        // css 预设器配置项
        loaderOptions: {
            less: {javascriptEnabled: true}
        }
    }
}

正文完
 0