vue项目中使用heyui，如何在全局配置主题色彩

 

1、在src文件夹下新建文件夹，命名为common

2、在common文件夹下新建less文件，命名为common.less

3、将此段代码复制到common.less文件中（ps:具体色值根据个人需求设置）

 

@import (less) "~heyui/themes/var.less";

//重新定义主题

@primary-color: #FDA729;

@red-color: #D64244;

@green-color: #EAC12C;

@yellow-color: #EAC12C;

@blue-color: #77A2DC;

@import (less) "~heyui/themes/common.less";

 

4、将该文件引入main.js并导出

5、ps:关于heyui组件引入的相关三个文件的顺序最好是这样，不然新配置的主题色可能不会生效

import HeyUI from 'heyui';

import "heyui/themes/index.less";

import common from './common/common.less'