iview自定义主题

变量覆盖（推荐） #
如果你的项目使用了 webpack 工程，可以通过变量覆盖的方式来实现主题定制。

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

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

// Here are the variables to cover, such as:
@primary-color: #8c0776;

完整的变量列表可以查看 默认样式变量。

然后在入口文件 main.js 内导入这个 less 文件即可：

import Vue from 'vue';
import ViewUI from 'view-design';
import '../my-theme/index.less';

Vue.use(ViewUI);

实施过程报错以及解决方案：
*.bezierEasingMixin();*问题

// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?

解决方案：
网上有很多解决方法，具体原因都指向了是less的3.0以上的版本会出现的，在package.json中把less的版本改为2.7.0 ，把node_modules中的less删除，重新npm install就可以了