解释:滑动选择器。
min
Number
0
否
最小值
max
Number
100
否
最大值
step
Number
1
否
步长,取值必须大于 0,并且可被 max - min 整除
disabled
Boolean
false
否
是否禁用
value
Number
0
否
当前取值
backgroundColor
Color
#cccccc
否
背景条的颜色
block-size
Number
24
否
滑块的大小,取值范围为 12-28
block-color
Color
#ffffff
否
滑块的颜色
activeColor
Color
#3c76ff
否
已选择的颜色
show-value
Boolean
false
否
是否显示当前 value
bindchange
EventHandle
否
完成一次拖动后触发的事件,event.detail = {value: value}
bindchanging
EventHandle
否
拖动过程中触发的事件,event.detail = {value: value}
属性名 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
跳转编辑工具
在开发者工具中打开
在 WEB IDE 中打开
扫码体验
代码示例
请使用百度APP扫码
默认样式
class="slider"
min="0"
max="1500"
value="200"
step="30"
bind:change="sliderChange"
bind:changing="sliderChanging"
disabled="false">
代码示例 2:显示当前取值
SWAN
显示当前取值
show-value
class="slider"
min="0"
max="200"
value="30"
show-value
step="30"
bind:change="sliderChange"
disabled="false">
代码示例 3:自定义最大 / 最小值
SWAN
自定义最大/最小值
min="200" max="1500"
class="slider"
min="200"
max="1500"
value="400"
show-value step="30"
bind:change="sliderChange"
disabled="false">
代码示例 4:自定义步长
SWAN
自定义步长
step="30"
class="slider"
min="0"
max="1500"
value="200"
step="30"
bind:change="sliderChange"
disabled="false">
代码示例 5:自定义样式
SWAN
自定义样式
block-size="16" block-color="#3388FF"
class="slider"
min="0"
max="1500"
value="200"
step="30"
block-size="16"
block-color="#3388FF"
activeColor="#3c76ff"
backgroundColor="#cccccc"
disabled="false">
新闻名称:创新互联百度小程序教程:slider 滑动选择器
URL分享:http://www.shufengxianlan.com/qtweb/news35/442835.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联
-
组织如何充分利用其物联网的投资
-
windows下安装pear及phpunit(注意配置好php命令行环境)
-
美国vps云主机
-
利用xp网络身份验证功能 让远程连接更安全
-
绍兴金辉天境云著质量?(绍兴云服务器的配置参数有哪些?)
-
选择服务器的方法有哪些呢?(如何在家搭个小型服务器?)
-
品牌整合推广在企业中发挥什么作用,打造无缝连接市场的桥梁
-
阿里云DNS域名云解析还不支持HTTPS记录吗?
-
云效已经把大文件转移到了lfs,git仓库本身的空间不会自动回收吗?
-
云主机价钱(虚拟主机和云主机的区别是什么?)
-
Linux系统下的C语言开发都需要学些什么?(买到一台新笔记本电脑之后要做些什么?)
-
Linux环境下如何执行C语言程序(linux环境执行c语言)
-
新加坡虚拟主机租用价格是多少钱
-
理解C#String类型:特殊的引用类型
-
服务器拒绝了您的浏览请求(浏览器显示错误信息:服务器拒绝了连接,怎么回事呀?求助?)