更新记录

1.0.0（2020-11-19） 下载此版本

初次上线

平台兼容性

演示如下 🌳

使用说明 🌱

1. 页面导入

   import vSwitch from '@/components/v-switch/v-switch'

2. 引入组件

   components:{
   vSwitch
   }

3. template标签

   <v-switch v-model="on" size="1.2" :activeValue="1" :inactive-value="0" @change="toggleMode"></v-switch>

4. 只需v-mode绑定data中的变量，值为Boolean。其余参数均为可选项

/**
 * switch 夜间模式选择器
 * @description 个性化的夜间模式开关。
 * @property {String Number} size 开关尺寸，缩放倍数,建议 (0.5-2)
 * @property {Boolean | Number | String} active-value 打开选择器时通过change事件发出的值（默认true）
 * @property {Boolean | Number | String} inactive-value 关闭选择器时通过change事件发出的值（默认false）
 * @event {Function} change 在switch打开或关闭时触发
 * @example <v-switch v-model="on" size="1.2" :activeValue="1" :inactive-value="0" @change="toggleMode"></v-switch> 完整示例
 */