vuecli30-配置Iview定制主题

不慌，按照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            }        }    }}