首页
会员中心
到顶部
到尾部
ionic教程

ionic toggle(切换开关)

时间:2020/11/3 9:59:37  作者:  来源:  查看:0  评论:0
内容摘要:ionic Toggle(切换开关)切换开关类似与 HTML 的 checkbox 标签,但它更易于在移动设备上使用。切换开关可以使用 toggle-assertive 来指定颜色。<label class="toggle"> <input type="ch...

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>

运行效果如下:



相关评论
广告联系QQ:45157718 点击这里给我发消息 电话:13516821613 杭州余杭东港路118号雷恩国际科技创新园  网站技术支持:黄菊华互联网工作室 浙ICP备06056032号