WeUI 的 DarkMode 黑暗模式 - 文章教程

WeUI 的 DarkMode 黑暗模式

发布于 2021-10-18 字数 798 浏览 745 评论 0

WeUI v2.2.0 增加了对黑暗模式对支持。默认跟随系统,可在 body 添加属性 data-weui-theme 来控制,值为 light/dark

使用 weui 变量来开发黑暗模式

.body {
    background-color: var(--weui-BG-0);
}

强制使用亮色模式

<body data-weui-theme="light">
    ...
</body>

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2512 文章
30 评论
82839 人气
更多

推荐作者

qianbiandeboy

文章 0 评论 0

少女净妖师

文章 2 评论 0

zangqw

文章 0 评论 0

qq_7HKsl

文章 0 评论 0

伪装你

文章 1 评论 0