欢迎光临
梦想从学习开始!

ionic toggle(切换开关) | 小熊教程

ionic Toggle(切换开关)

Tips:您正在学习的是ionic toggle(切换开关) | 小熊教程系列。本文链接https://www.xxfxb.com/?p=8741 ,您可通过标签查询系列课程。祝您学习愉快!

切换开关类似与 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> 

运行效果如下:

赞(0) 打赏
未经允许不得转载:小熊分享邦 » ionic toggle(切换开关) | 小熊教程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏