切換開(kāi)關(guān)類(lèi)似與 HTML 的 checkbox 標(biāo)簽，但它更易于在移動(dòng)設(shè)備上使用。

切換開(kāi)關(guān)可以使用 toggle-assertive 來(lái)指定顏色。

<label class="toggle">
   <input type="checkbox">
   <div class="track">
     <div class="handle"></div>
   </div>
</label>

該實(shí)例有是多個(gè)切換開(kāi)關(guān)列表。注意，每個(gè)選項(xiàng)的 item 類(lèi)后需要添加 item-toggle 類(lèi)。

<ul class="list">

  <li class="item item-toggle">
     HTML5
     <label class="toggle toggle-assertive">
       <input type="checkbox">
       <div class="track">
         <div class="handle"></div>
       </div>
     </label>
  </li>

  ...

</ul>

運(yùn)行效果如下：