阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Ionic toggle(切换开关)

      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>
      
      目录
      目录