vue实现暗黑模式

2022年12月29日07:58:12

一、先在全局css中创建.dark-theme和.light-theme类，在分别在该类中创建相同的var变量
vue实现暗黑模式
二、在组件刷新时为html添加类，再添加一个按钮可以进行模式切换
vue实现暗黑模式
效果如下
vue实现暗黑模式
暗黑模式如下
vue实现暗黑模式
最后！！！此案例通过vue写的，react写法也是一样的

  • 作者：@少年啊
  • 原文链接：https://blog.csdn.net/qq_45942606/article/details/128325771
    更新时间：2022年12月29日07:58:12 ，共 125 字。