暗黑模式

  1. uniapp下 适配暗黑模式
    官方文档

2.element plus中 适配
官方文档
只需要将暗黑模式的css文件引入
在html中加 class="dark"
如果你的项目中使用的颜色都是element的css颜色变量 暗黑模式适配完毕

--如果你有自己的颜色设计
那么需要你自定义颜色变量

html {
  --el-bg-color: #ff012a;
}
html .dark {
  --el-bg-color: #63aeff;
}
  1. pure-admin中暗黑模式的适配
    和elementPlus一样 只使用element自带的颜色变量 无需其他操作
    如果涉及到自定义颜色
    a -- 在dark.scss中和 index.scss 中定义 对应的css变量
    b -- 你也可以在.vue中根据类名设置颜色, 然后在dark.scss中 根据类名设置对应的颜色
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容