iview自定义主题颜色
iview自定义主题颜色iview官网提供了两种自定义主题的方式,一种是采用css变量替换的方式,另一种是通过安装工具修改,这里我们采用第一种。1.在vue项目下新建主题样式表,例如my-theme.less,因为iview样式是基于less开发的,我们也必须使用less,不然无法做变量替换:@import '~iview/src/styles/index.less';// Here...
·
iview自定义主题颜色
iview官网提供了两种自定义主题的方式,一种是采用css变量替换的方式,另一种是通过安装工具修改,这里我们采用第一种。
1. 在vue项目下新建主题样式表,例如my-theme.less,因为iview样式是基于less开发的,我们也必须使用less,不然无法做变量替换:
@import '~iview/src/styles/index.less';
// Here are the variables to cover, such as:
@primary-color: #4D5AFF;
2. 在main.js中将原本需要引入iview样式表index.less的地方替换成自定义主题的样式表
import '文件路径/my-theme.less'//自定义主题颜色,替换UI库原css文件
搞定收工!
更多推荐
已为社区贡献2条内容
所有评论(0)