第一步:mixin混入定义全局颜色变量
colorStyle: '--view-theme: #1a99fb;--view-pagebg:#F5F5F5;'
第二步:引入混入
import colors from '@/mixins/color';
第三步:使用混入
mixins: [colors]
第四步:在最外层的div中:style使用全局颜色变量
<div :style="colorStyle"></div>
第五步:css中var()使用全局颜色变量
color: var(--view-theme);