开关 KLSwitch

基本形式

<kl-switch value={value} />
&emsp; 当前的value值: {value}

禁用

<kl-switch disabled />
<kl-switch disabled value={value} />
<kl-switch disabled checkedText="开" unCheckedText="关" />
<kl-switch disabled value={value} checkedText="开" unCheckedText="关" />

var component = new NEKUI.Component({
    template: template,
    data: {
        value: true
    }
});

扩展value值

<kl-switch checkedValue=10 unCheckedValue=20 value={value} />
&emsp;当前的value值: {value}

var component = new NEKUI.Component({
    template: template,
    data: {
        value: 10
    }
});

开关描述

文字:
<kl-switch value={value1} checkedText="开" unCheckedText="关" />
&emsp;图标:
<kl-switch value={value2} checkedText="<kl-icon type='tick' />" unCheckedText="<kl-icon type='cross' />" />

小尺寸

<kl-switch value={value1}  size="sm" />

API

KLSwitch

Param	Type	Default	Description
[options.data]	`object`		= 绑定属性
[options.data.class]	`string`		=> 补充class
[options.data.disabled]	`boolean`	`false`	=> 禁用开关
[options.data.value]	`boolean/string/number`	`false`	<=> 选择的值
[options.data.checkedValue]	`boolean/string/number`	`true`	=> 选中时的值, 用于扩展value值类型
[options.data.unCheckedValue]	`boolean/string/number`	`false`	=> 非选中时的值, 用于扩展value值类型
[options.data.checkedText]	`string`		=> 选中时的文字描述,可以是字符串模板
[options.data.unCheckedText]	`string`		=> 非选中时的文字描述,可以是字符串模板
[options.data.size]	`string`		=> 可选值sm

change 切换事件Event

Param	Type	Description
value	`boolean`	当前value的值