ionic range
优质
小牛编辑
132浏览
2023-12-01
ionic Range 是一个滑块控件,ionic 为 Range 提供了很多种默认的样式。而且你可以在许多种元素里使用它比如列表或者 Card 。
实例
<div> <i></i> <input type="range" name="volume"> <i></i> </div> <div> <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>
运行效果如下: