Switch 开关

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

基础示例：

<lee-switch v-model="value" startText='男' endText='女'></lee-switch>

<script>
    export default {
        data() {
         return {
            value: true
        }
       }
    }
</script>

显示代码

尺寸：

<lee-switch v-model="value"  size="s"></lee-switch>
<lee-switch v-model="value"  size="m"></lee-switch>
<lee-switch v-model="value"  size="l"></lee-switch>

<script>
    export default {
        data() {
         return {
            value: true
        }
       }
    }
</script>

显示代码

风格：

<lee-switch v-model="value5" color="#fc0"></lee-switch>
<lee-switch v-model="value6" color="#c2005a"></lee-switch>
<lee-switch v-model="value7" color="#0095e2"></lee-switch>

<script>
    export default {
        data() {
         return {
            value: true
        }
       }
    }
</script>

显示代码

白天黑夜模式：

<lee-switch v-model="value"  color="#fc0" mode></lee-switch>

<script>
    export default {
        data() {
         return {
            value: true
        }
       }
    }
</script>

显示代码

属性

参数	说明	类型	可选值	默认值
v-model	绑定开关打开关闭	Boolean	true,false	false
size	尺寸	String	s,m,l	s
color	颜色	String	--	#46bd87
startText	未开启文字	String	--	--
endText	开启后文字	String	--	--
mode	白天黑夜	Boolean	true,false	false