使用暗黑模式


设置暗黑模式setBlack

//如果不提供参数将自动识别切换为相反的模式,比如:暗黑下自动切换为亮色。
this.$tm.theme.setBlack(arg); //arg可以为true,false,或者不提供参数
1
2

组件如何阻止暗黑模式

有时我们不需要 一些特定的组件跟随暗黑模式的变化而变化,那么只需要在组件上如下设置:

下面以tm-button为例

//在组件上配置:black="false" 即可阻止组件跟随暗黑模式的变化而变化,true指定为暗黑,false,指定为亮色模式。
<tm-button :black="false"></tm-button>
1
2

如何在页面上判断是否暗黑?

下面以view为例

<view  class="pa-32">
{{$tm.vx.state().tmVuetify.black}}
</view>

1
2
3
4
tmzdy 于 2022/12/7 编辑 报错? | 评论?