小程序 weui 暗夜模式

可以通过api wx.getSystemInfoSync().theme 获取当前系统主题，并存到data中

在wxml模版的根dom上，添加属性data-weui-theme

<view class="page" data-weui-theme="{{theme}}">

在对应的js中读取theme

同时监听theme的变化，当移动端设备切换暗夜模式的时候，进行动态的适配

onLoad: function() {
  wx.onThemeChange(({ theme }) => this.setData({ theme }));
},
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容