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>
執行效果如下: