ionic基礎(chǔ)教程
ionic 安裝
ionic 創(chuàng)建 APP
ionic CSS
ionic 頭部與底部
ionic 按鈕
ionic 列表
ionic 卡片
ionic 表單和輸入框
ionic Toggle(切換開關(guān))
ionic 復(fù)選框
ionic 單選框
ionic Range
ionic select
ionic tab(選項(xiàng)卡)
ionic 網(wǎng)格(Grid)
ionic 顏色
ionic JavaScript
ionic 上拉菜單(ActionSheet)
ionic 背景層
ionic 下拉刷新
ionic 復(fù)選框
ionic 切換開關(guān)操作
ionic 手勢(shì)事件
ionic 頭部和底部
ionic 列表操作
ionic 加載動(dòng)作
ionic 模型
ionic 導(dǎo)航
ionic 平臺(tái)
ionic 浮動(dòng)框
ionic 對(duì)話框
ionic 滾動(dòng)條
ionic 側(cè)欄菜單
ionic 滑動(dòng)框
ionic 加載動(dòng)畫
ionic 選項(xiàng)卡欄操作
?
This document uses PHP Chinese website manual Release
characters
ionic Toggle(切換開關(guān))
切換開關(guān)類似與 HTML 的 checkbox 標(biāo)簽，但它更易于在移動(dòng)設(shè)備上使用。
切換開關(guān)可以使用 toggle-assertive 來指定顏色。
<label class="toggle"> <input type="checkbox"> <div class="track"> <div class="handle"></div> </div> </label>
該實(shí)例有是多個(gè)切換開關(guān)列表。注意，每個(gè)選項(xiàng)的 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>