设置主题色

1.方法1

在mehthods.js里面增加方法
// 设置主题色
setTheme (upJson) {
// 转为rgb形式 例 255, 255, 255
document.getElementsByTagName(‘body’)[0].style.setProperty(’–HomeTheme’, this.toRGB((upJson[‘theme’] || ‘00f’)))
},
//获取主题色 可在template模板文档中使用
getTheme () {
return rgb(${document.getElementsByTagName('body')[0].style.getPropertyValue('--HomeTheme')})
}

2.方法2

1.在conmon/style/variables.scss中设置颜色
2.在vue-config.js配置
3.在页面中引入
附：设置颜色的方法
ex:

  $color-primary: rgb(var(--HomeTheme,255, 255, 255));
  $bg-color: var(--HomeTheme,255, 255, 255);
  $color-background-ll: rgba(255, 255, 255, 0.8);
  $color-text: rgba(var(--HomeTheme,255, 255, 255), 1);