- ionic 教程
- ionic 安装
- ionic 创建 APP
- ionic 头部与底部
- ionic 按钮
- ionic 列表
- ionic 卡片
- ionic 表单和输入框
- ionic toggle(切换开关)
- ionic checkbox
- ionic 单选框
- ionic range
- ionic select
- ionic tab(选项卡)
- ionic 网格(Grid)
- ionic 颜色
- ionic icon(图标)
- ionic 上拉菜单(ActionSheet)
- ionic 背景层
- ionic 下拉刷新
- ionic 复选框
- ionic 单选框操作
- ionic 切换开关操作
- ionic 手势事件
- ionic 头部和底部
- ionic 列表操作
- ionic 加载动作
- ionic 模态窗口
- ionic 导航
- ionic 平台
- ionic 浮动框
- ionic 对话框
- ionic 滚动条
- ionic 侧栏菜单
- ionic 滑动框
- ionic 加载动画
- ionic 选项卡栏操作
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
ionic range
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>
运行效果如下:
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论