05-3 在vue项目中使用iview

安装

$ npm install iview --save

引入 iView

在webpack打包入口文件添加如下配置

import iView from 'iview';
Vue.use(iView);

引入并修改iView样式

我们在style/index.less中

// 导入iview默认样式
@import '~iview/src/styles/index.less';

// 对iview的默认样式进行覆盖，比如我们项目使用了印象笔记的的绿色作为主色调，因此需要对iview的主色调进行覆盖
@primary-color: #01A82D;

code.png