跳到主要内容

switch

功能描述

开关选择器。

组件属性

属性名类型默认值说明
checkedBooleanfalse是否选中
typeStringswitch样式,有效值:switch, checkbox
disabledBooleanfalse是否禁用
colorColor-switch 的颜色,同 css 的 color
bindchangeEventHandle-checked 改变时触发 change 事件,event.detail = { value:checked }

示例代码

<view class="page-section">
<view class="page-section-title">推荐展示样式</view>
<view class="cells cells_after-title">
<view class="cell cell_switch">
<view class="cell__bd">开启中</view>
<view class="cell__ft">
<switch checked />
</view>
</view>
<view class="cell cell_switch">
<view class="cell__bd">关闭</view>
<view class="cell__ft">
<switch />
</view>
</view>
</view>
</view>

预览

switch