在vue官网有暗黑模式切换按钮,点击可平滑过渡。
在根作用域定义CSS变量:
:root{
--Variable1:xxx;
--Variable2:xxx;
}
在不同类名下可按需更改变量值:
.test1{
--Variable1:xxxx;
--Variable1:xxxx;
}
使用,会自动更换:
#app{
color:var(--Variable1);
background:var(--Variable2);
}
文章推荐:juejin.cn
展开
评论