1、第一步，在HBuilder编辑工具中新建静态页面range.html，并引入ionic相关的css和js文件，如下图所示：
3、第三步，预览该静态页面，查看页面展示效果，如下图所示：
5、第五步，再次预览该静态页面，查看range滑块上按钮的位置，如下图所示：
如何使用ionic中的range制作不同样式滑块控件
时间：2024-10-14 13:59:391、第一步，在HBuilder编辑工具中新建静态页面range.html，并引入ionic相关的css和js文件，如下图所示：
3、第三步，预览该静态页面，查看页面展示效果，如下图所示：
5、第五步，再次预览该静态页面，查看range滑块上按钮的位置，如下图所示：