• 组件
  • 布局与其它

滑动开关

在两个互斥对象进行选择,eg:选择开或关。

规则

  • 只在 List 中使用。

代码演示

Switch

滑动开关

默认开
默认关
默认开不可修改
默认关不可修改
基本

滑动开关

<div  class="switch-wrapper ">
    <input class="switch" type="checkbox" checked>
</div >
<div  class="switch-wrapper ">
    <input class="switch" type="checkbox" >
</div >
<div  class="switch-wrapper ">
    <input class="switch" type="checkbox" checked disabled>
</div >
<div  class="switch-wrapper ">
    <input class="switch" type="checkbox" disabled>
</div >