switch
功能描述
开关选择器。
组件属性
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
checked | Boolean | false | 是否选中 |
type | String | switch | 样式,有效值:switch, checkbox |
disabled | Boolean | false | 是否禁用 |
color | Color | - | switch 的颜色,同 css 的 color |
bindchange | EventHandle | - | 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>