ionic Range

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

实例

<div>
  <i></i>
  <input type=\"range\" name=\"volume\">
  <i></i>
</div>

<div style=\"margin-top: 13px\">
  <div>
    Ranges In A List
  </div>
  <div>
    <i></i>
    <input type=\"range\" name=\"volume\" min=\"0\" max=\"100\" value=\"12\">
    <i></i>
  </div>
  <div>
    <i></i>
    <input type=\"range\" name=\"volume\" min=\"0\" max=\"100\" value=\"25\">
    <i></i>
  </div>
  <div>
    <i></i>
    <input type=\"range\" name=\"volume\" min=\"0\" max=\"100\" value=\"38\">
    <i></i>
  </div>
  <div>
    <i></i>
    <input type=\"range\" name=\"volume\" min=\"0\" max=\"100\" value=\"50\">
    <i></i>
  </div>
  <div>
    <i></i>
    <input type=\"range\" name=\"volume\" min=\"0\" max=\"100\" value=\"63\">
    <i></i>
  </div>
  <div>
    <i></i>
    <input type=\"range\" name=\"volume\" min=\"0\" max=\"100\" value=\"75\">
    <i></i>
  </div>
  <div>
    <i></i>
    <input type=\"range\" name=\"volume\" min=\"0\" max=\"100\" value=\"88\">
    <i></i>
  </div>
</div>

运行效果如下：