阿西河

所有教程

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

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Ionic range

      ionic Range

      ionic Range 是一个滑块控件,ionic 为 Range 提供了很多种默认的样式。而且你可以在许多种元素里使用它比如列表或者 Card 。

      实例

      <div class="range">
        <i class="icon ion-volume-low"></i>
        <input type="range" name="volume">
        <i class="icon ion-volume-high"></i>
      </div>
      
      <div class="list" style="margin-top: 13px">
        <div class="item item-divider">
          Ranges In A List
        </div>
        <div class="item range range-positive">
          <i class="icon ion-ios-sunny-outline"></i>
          <input type="range" name="volume" min="0" max="100" value="12">
          <i class="icon ion-ios-sunny"></i>
        </div>
        <div class="item range range-calm">
          <i class="icon ion-ios-lightbulb-outline"></i>
          <input type="range" name="volume" min="0" max="100" value="25">
          <i class="icon ion-ios-lightbulb"></i>
        </div>
        <div class="item range range-balanced">
          <i class="icon ion-ios-bolt-outline"></i>
          <input type="range" name="volume" min="0" max="100" value="38">
          <i class="icon ion-ios-bolt"></i>
        </div>
        <div class="item range range-energized">
          <i class="icon ion-ios-moon-outline"></i>
          <input type="range" name="volume" min="0" max="100" value="50">
          <i class="icon ion-ios-moon"></i>
        </div>
        <div class="item range range-assertive">
          <i class="icon ion-ios-partlysunny-outline"></i>
          <input type="range" name="volume" min="0" max="100" value="63">
          <i class="icon ion-ios-partlysunny"></i>
        </div>
        <div class="item range range-royal">
          <i class="icon ion-ios-rainy-outline"></i>
          <input type="range" name="volume" min="0" max="100" value="75">
          <i class="icon ion-ios-rainy"></i>
        </div>
        <div class="item range range-dark">
          <i class="icon ion-ios-lightbulb-outline"></i>
          <input type="range" name="volume" min="0" max="100" value="88">
          <i class="icon ion-ios-lightbulb"></i>
        </div>
      </div>
      
      卖前端学习教程

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

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

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

      目录
      本文目录
      目录