可以通过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 }));
},