Switch 开关

表示两种相互对立的状态间的切换，多用于触发「开/关」

基础用法

双向绑定

    <wy-switch v-model="value"></wy-switch>
    <script>
        export default {
            data() {
                return {
                    value:false
                }
            }
        }
    </script>

禁用状态

开关处于禁用状态

    <wy-switch disabled></wy-switch>
    <wy-switch disabled v-model="value"></wy-switch>
    <script>
        export default {
            data(){
                return {
                    value:true
                }
            }
        }
    </script>

自定义颜色

active-color 属性表示打开时的背景色，inactive-color 表示关闭时的背景色。

    <wy-switch v-model="checked" active-color="#ee0a24" inactive-color="#dcdee0"></wy-switch>

Switch 属性

参数	说明	类型	可选值	默认值
v-model	双向绑定	boolean / string / boolean	-	false
disabled	禁用	boolean	-	false
active-color	打开时的背景色	string	-	#409eff
inactive-color	关闭时的背景色	string	-	#ffffff