阿西河

所有教程

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

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Ionic 单选框

      ionic 单选框

      ionic 单选按钮与标准 type=“radio” 的 input 元素类似。以下展示了现代 app 类型的单选按钮。

      每个 item-radio 中的 type=“radio” 的 input 元素的 name 属性都相同。radio-icon 类用于是否显示图标。

      ionic 在单选项中使用了 元素,使其更易点击。

      <div class="list">
      <label class="item item-radio">
        <input type="radio" name="group" value="go" checked="checked">
         <div class="radio-content">
         <div class="item-content">
          Go
         </div>
         <i class="radio-icon ion-checkmark"></i>
        </div>
      </label>
      
      <label class="item item-radio">
        <input type="radio" name="group" value="python">
        <div class="radio-content">
         <div class="item-content">
          Python
         </div>
         <i class="radio-icon ion-checkmark"></i>
        </div>
      </label>
      
      <label class="item item-radio">
        <input type="radio" name="group" value="ruby">
        <div class="radio-content">
         <div class="item-content">
          Ruby
         </div>
         <i class="radio-icon ion-checkmark"></i>
        </div>
      </label>
      
      <label class="item item-radio">
        <input type="radio" name="group" value=".net">
        <div class="radio-content">
         <div class="item-content">
          .Net
         </div>
         <i class="radio-icon ion-checkmark"></i>
        </div>
      </label>
      
      <label class="item item-radio">
        <input type="radio" name="group" value="java">
        <div class="radio-content">
         <div class="item-content">
          Java
         </div>
         <i class="radio-icon ion-checkmark"></i>
        </div>
      </label>
      
      <label class="item item-radio">
        <input type="radio" name="group" value="php">
        <div class="radio-content">
         <div class="item-content">
          PHP
         </div>
         <i class="radio-icon ion-checkmark"></i>
        </div>
      </label>
      </div>
      
      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      本文目录
      目录