ionic基础教程
ionic 安装
ionic 创建 APP
ionic CSS
ionic 头部与底部
ionic 按钮
ionic 列表
ionic 卡片
ionic 表单和输入框
ionic Toggle(切换开关)
ionic 复选框
ionic 单选框
ionic Range
ionic select
ionic tab(选项卡)
ionic 网格(Grid)
ionic 颜色
ionic JavaScript
ionic 上拉菜单(ActionSheet)
ionic 背景层
ionic 下拉刷新
ionic 复选框
ionic 切换开关操作
ionic 手势事件
ionic 头部和底部
ionic 列表操作
ionic 加载动作
ionic 模型
ionic 导航
ionic 平台
ionic 浮动框
ionic 对话框
ionic 滚动条
ionic 侧栏菜单
ionic 滑动框
ionic 加载动画
ionic 选项卡栏操作
©
本文檔使用 php中文網手册 發布
文字
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>