0
点赞
收藏
分享

微信扫一扫

超级简单的换主题色,只要用的是css都可以用,vue ,react通用

善解人意的娇娇 2022-04-01 阅读 26

超级简单的换主题色,只要用的是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');
}

完成了,作者看过vue+less的解决方案配置太多了,这样直接改多简单的^^

举报

相关推荐

0 条评论