switch 开关

更新时间：2022-02-16

switch 自定义开关

自定义开关

属性说明：

属性名	类型	必填	默认值	说明
class-name	String	否	无	自定义class
checked	Boolean	否	false	指定当前是否选中
disabled	Boolean	否	false	禁用开关
bindchange	EventHandle	否	无	checked 改变时触发 change 事件，event.detail={ checked:true}

示例

json:

{
    "usingComponents": {
        "iov-switch": "iov-ui/lib/switch"
    }
}

swan:

<view>
    <iov-switch />
    <iov-switch checked="{{switch}}" bindonChange="onChange">
    </iov-switch>
    <iov-switch checked="true"/>
    <iov-switch checked="false"/>
    <iov-switch checked="{{switch}}" disabled="{{disabled}}"/>
    <iov-switch checked="true" disabled="{{disabled}}"/>
</view>

js:

Page({
    data: {
        // 开关开启
        switch: true,
        // 开关禁用
        disabled: true
    }
})

slider 滑块 tabs 标签栏