Switch

一种滑动开关，通过点击使按钮左右滑动，同时触发对应的开关状态。

默认用法

<nut-switch
:active="true"
></nut-switch>

自定义颜色

<nut-switch
:height="0.3"
:width="0.6"
activeBgColor="#9ABB82"
inActiveBgColor="#EAE7E2"
btnColor="#CBDDDD"
></nut-switch>

ON/OFF事件

<nut-switch
@switch-on="switchOnEvt"
@switch-off="switchOffEvt"
></nut-switch>

export default {
    methods:{
      switchOnEvt(){
        alert('on');
      },
      switchOffEvt(){
        alert('off');
      }
    }
}

Props

Events