Latest web development tutorials

ionic toggle(切換開關)

切換開關類似與HTML 的checkbox 標籤,但它更易於在移動設備上使用。

切換開關可以使用toggle-assertive 來指定顏色。

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

該實例有是多個切換開關列表。 注意,每個選項的item 類後需要添加item-toggle 類。

<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>

運行效果如下: