vue工程更改ivew组件主题颜色

版权声明：本文为博主原创文章，未经博主允许不得转载。所有教程仅供学习使用 https://blog.csdn.net/PGY0000/article/details/87687074

1、描述

更改ivew组件的主题颜色，如下比较：

2、实现步骤

通过webpack搭建好了一个vue工程，安装ivew插件，所有程序正常使用的情况下：

1、终端执行命令 npm i iview-theme -g

2、项目工程下，新建一个文件夹my-theme, 在该文件夹下新建文件index.less，编辑如下：

 @import '~iview/src/styles/index.less'; // Here are the variables to cover, such as: @primary-color: #3f9836;

3、在文件src/main.js，添加如下：import '../my-theme/index.less'

拓展：

1、如果是希望修改其他的颜色，也是直接在文件 ( 项目名/my-theme/index.less）中添加即可

2、如果报错如下：

解决方法：

觉得有用，请给个点赞哈；

有其他想法，请分享给我哈（微信：13527614919）

文章来源: https://blog.csdn.net/PGY0000/article/details/87687074