Switch 文档

安装

javascript

import { createApp } from 'vue';
import { ISwitch } from 'xm-components';

const app = createApp();
app.use(ISwitch);

开关选择组件，可以表示开关状态/两种状态之间的切换。需要设置 v-model 属性，它接收 Boolean，表示开关的开关状态。

可通过 disabled 属性开启。

可通过 showTipsText 属性开启。

可通过 closeText 和 activeText 属性决定开启和关闭状态时的辅助文字，通过 textAlign 属性决定辅助文字的位置。

可通过 closeColor 和 activeColor 属性自定义关闭和开启时的背景颜色。

Attribute	Description	Type	Accepted Values	Default
v-model	开关状态	boolean	—	—
disabled	是否禁用	boolean	—	false
width	自定义宽度			number
closeColor	关闭状态时的背景颜色	string	—	#BFBFBF
activeColor	开启状态时的背景颜色	string	—	#0e80eb
closeText	关闭状态时辅助文字	string	—	—
activeText	开启状态时辅助文字	string	—	—
textAlign	辅助文字位置	string	left/right	left
showTipsText	是否显示提示信息	boolean	—	false
customClass	自定义整体的Class类名
string	—	—