开关 - JR

代码演示

<jr-switch></jr-switch>
<jr-switch width=60 open={false}></jr-switch>
<jr-switch width=70 showText={false}></jr-switch>

var component = new JRUI.Component({
    template: template
});

<jr-switch onColor='blue' offColor='#e96900'></jr-switch>

var component = new JRUI.Component({
    template: template
});

<jr-switch onText='开' offText='关'></jr-switch>

var component = new JRUI.Component({
    template: template
});

<jr-switch disabled={true}></jr-switch>

var component = new JRUI.Component({
    template: template
});

Kind: global class
Extend: Component

Param	Type	Default	Description
[options.data]	`object`		=> 绑定属性
[options.data.width]	`number`	`46`	=> 组件宽度
[options.data.open]	`boolean`	`true`	=> 默认打开
[options.data.showText]	`boolean`	`true`	=> 是否显示开关的文字
[options.data.onText]	`string`	`"on"`	=> 打开的title
[options.data.offText]	`string`	`"off"`	=> 关闭的title
[options.data.onColor]	`string`		=> 打开的背景色，不建议白色，因为文字为白色
[options.data.offColor]	`string`		=> 关闭的背景色，不建议白色，因为文字为白色
[options.data.disabled]	`boolean`	`false`	=> 禁止按钮
[options.data.class]	`boolean`		=> 样式扩展

Kind: global constant

Kind: event emitted
Properties

Name	Type	Description
sender	`object`	事件发送对象
open	`boolean`	当前开关状态

← 下拉选择展示文本 →