设置全局主题色
在这里插入代码片
loadStyleString(css, id = "") {
if (document.getElementById(id)) return;
const style = document.createElement("style");
style.type = "text/css";
style.id = id;
try {
style.appendChild(document.createTextNode(css));
} catch (ex) {
style.styleSheet.cssText = css;
}
document.getElementsByTagName("head")[0].appendChild(style);
}
mounted(){
document
.querySelector("#app")
.style.setProperty("--basecolor", this.color); //主题色
this.loadStyleString(`:root{--basecolor:${this.color}}`);
}