小程序 weui 暗夜模式

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

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


在对应的js中读取theme

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

onLoad: function() {
  wx.onThemeChange(({ theme }) => this.setData({ theme }));
},

你可能感兴趣的:(小程序 weui 暗夜模式)