使用暗黑模式
设置暗黑模式setBlack
//如果不提供参数将自动识别切换为相反的模式,比如:暗黑下自动切换为亮色。
this.$tm.theme.setBlack(arg); //arg可以为true,false,或者不提供参数
1
2
2
组件如何阻止暗黑模式
有时我们不需要 一些特定的组件跟随暗黑模式的变化而变化,那么只需要在组件上如下设置:
下面以tm-button为例
//在组件上配置:black="false" 即可阻止组件跟随暗黑模式的变化而变化,true指定为暗黑,false,指定为亮色模式。
<tm-button :black="false"></tm-button>
1
2
2
如何在页面上判断是否暗黑?
下面以view为例
<view class="pa-32">
{{$tm.vx.state().tmVuetify.black}}
</view>
1
2
3
4
2
3
4