iview----更改主题色

适用于Vue-Cli3创建的项目

1、下载

less要使用3.0.0以下的版本

npm install less@2.7.3
npm install less-loader@5.0.0

2、配置vue.config.js

module.exports = {
  css: {
    loaderOptions: {
      // 向 CSS 相关的 loader 传递选项
      less: {
        javascriptEnabled: true
      }
    }
    },
}

3、根据官网提示配置

• 在项目中先建一个目录，my-theme，然后在 my-theme 下建立一个 less 文件 index.less，并写入下面内容：

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

// 主题颜色
@primary-color: #8c0776;

• 配置main.js
  顺序不能错

import 'view-design/dist/styles/iview.css';
import ViewUI from 'view-design';
import '../my-theme/index.less';

Vue.use(ViewUI);