ylbtech-ionic-CSS:ionic Toggle(切换开关) |
1.返回顶部 |
1、
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>
运行效果如下:
2、
2.返回顶部 |
3.返回顶部 |
4.返回顶部 |
5.返回顶部 |
1、
http://www.runoob.com/ionic/ionic-toggle.html
2、
6.返回顶部 |
作者:ylbtech 出处:http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 |
ionic-CSS:ionic Toggle(切换开关)
原文地址:https://www.cnblogs.com/storebook/p/9003998.html