方法:
initTheme () {
let curTheme = dasTheme[this.theme] || {};
document.documentElement.style.setProperty("--das-theme-name", this.theme);
for (let attr in curTheme) {
document.documentElement.style.setProperty(`--${attr}`, curTheme[attr]);
}
}
主要用到:
theme 是当前变量
document.documentElement.style.setProperty("--das-theme-name", theme);
样式表:
@das-theme-name: var(--das-theme-name, "default");
:export {
dasThemeColor: @themeColor
}