slider.md 1.7 KB
Newer Older
D
DCloud_LXH 已提交
1 2 3 4
## slider

<!-- UTSCOMJSON.slider.description -->

D
DCloud_LXH 已提交
5 6
<!-- UTSCOMJSON.slider.compatibility -->

7
<!-- UTSCOMJSON.slider.attribute -->
D
DCloud_LXH 已提交
8 9 10

<!-- UTSCOMJSON.slider.event -->

11 12
<!-- UTSCOMJSON.slider.component_type-->

D
DCloud_LXH 已提交
13 14 15 16 17 18 19
## tips
show-value属性设为true后,会在横条右侧显示一个数字。

但注意app-uvue中,value显示区的默认宽度是4位数字。超出宽度后,后面的数字无法显示。即最大9999。(其他平台不限制)

如您需要5位或更多数字,请将show-value设为false或不设,自行写一个text组件,绑定value的数值来显示。

H
hdx 已提交
20 21 22
- uni-app x 的 App 和 web 平台的样式效果和 W3C 的效果一致,球的左边距/右边距和轨道是对齐的,app-vue/web/小程序 平台会溢出球半径
- 在 uni-app x 的 App 和 web 平台高度为 `block-size(28px) 大小 + 阴影(4px * 2)`,默认 `margin: 1px 0;`,暂不支持设置 padding,实际占用高度为 `38px`
- 在 app-vue/web/小程序 平台高度为 18px, 默认 `margin: 10px 18px;`,实际占用高度为 `38px`
H
hdx 已提交
23
- 默认占用高度是一致的,调整样式后会出现差异
24
- 4.18+ App-Android 平台,优化了在滚动容器中的行为,当水平拖动 slider 超过 4 * dpi 时将阻止默认行为,避免滚动过程中触发 slider 变动
H
hdx 已提交
25
- 在 step 为浮点时存在一些差异,app-android/web 行为一致 step 优先,iOS/微信小程序会四舍五入,iOS后续会修复; 在一些音频播放进度上会涉及此问题,将总时长*1000在转换为int,step设置为10,适用于小于1秒的音频文件无法看到进度的问题
H
hdx 已提交
26

D
DCloud_LXH 已提交
27 28
<!-- UTSCOMJSON.slider.children -->

29 30
<!-- UTSCOMJSON.slider.example -->

D
DCloud_LXH 已提交
31
<!-- UTSCOMJSON.slider.reference -->