超级简单的换主题色,只要用的是css都可以用,vue在app.vue定义
在body上定义你的主题色
// 所有DOM节点都是在body下的,写在body上可以全局适用,这里把这个看成一个变量
// 请注意这里的值不能加“”
body{
--ThemeColor:#0066ff;
}
在要用主题色的css的地方写上下面的代码
css的var()概率
.demo-nav {
background: var(--ThemeColor);
最后一步修改主体色就可以了
const changeTheme = ()=>{
document.body.style.setProperty('--ThemeColor', 'red');
}