安装: npm i webtest-ui
使用: web-switch标签

active-color 和 inactive-color: 设置开关的颜色

<web-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949"></web-switch>

active-text 和 inactive-text: 设置开关文字的描述

<web-switch v-model="value1" active-text="按月付费" inactive-text="按年付费"></web-switch>

<web-switch v-model="value2" active-color="#13ce66" inactive-color="#ff4949" active-text="按月付费" inactive-text="按年付费"></web-switch>

disabled属性,接收一个Boolean,设置true即可禁用
<web-switch v-model="value3" active-color="#13ce66" inactive-color="#ff4949" active-text="按月付费" inactive-text="按年付费" disabled :eldisabled="true"></web-switch>

eldisabled 属性,接收一个Boolean,设置禁用的图标


value/v-model	绑定值	Boolean/String/Number	无默认值
disabled	是否禁用	Boolean		默认值: false


active-text	打开时的文字描述	String
inactive-text	关闭时的文字描述	String
active-color	打开时的颜色		String	默认值 #409EFF
inactive-color	关闭时的颜色		String	默认值 #C0CCDA