更新记录
1.0.2(2024-06-26) 下载此版本
1.0.2
1.0.1(2024-06-17) 下载此版本
添加使用页面
1.0.0(2024-06-17) 下载此版本
CountTo 数字滚动
@description 此为uViw自定义的键盘面板,内含了数字键盘,车牌号键,身份证号键盘3中模式,都有可以打乱按键顺序的选项。
@tutorial https://www.uviewui.com/components/keyboard.html
@property {String | Number} start-val 开始值,默认0)
@property {String | Number} end-val 结束值(默认0)
@property {String | Number} duration 滚动过程所需的时间,单位ms(默认2000)
@property {Boolean} autoplay 是否自动开始滚动(默认true)
@property {String | Number} decimals 要显示的小数位数(默认0)
@property {Boolean} use-easing 滚动结束时,是否缓动结尾(默认true)
@property {String} separator 千位分隔符
@property {String} color 字体颜色(默认#)
@property {String | Number} font-size 字体大小,单位rpx(默认#50)
@property {Number String} z-index 弹出键盘的z-index值(默认1075)
@property {Boolean} bold 字体是否加粗(默认false)
查看更多平台兼容性
shaoll-count-to
Props
参数 | 说明 | 类型 | 默认值 | 可选值 | |
---|---|---|---|---|---|
start-val | 开始值 | String | Number | 0 | - |
end-val | 结束值 | String | Number | 0 | - |
duration | 滚动过程所需的时间,单位ms | String | Number | 2000 | - |
autoplay | 是否自动开始滚动 | Boolean | true | false | |
decimals | 要显示的小数位数,见上方说明 | String | Number | 0 | - |
use-easing | 滚动结束时,是否缓动结尾,见上方说明 | Boolean | true | false | |
separator | 千位分隔符,见上方说明 | String | - | - | |
color | 字体颜色 | String | #303133 | - | |
font-size | 字体大小,单位rpx | String | Number | 50 | - |
bold | 字体是否加粗 | Boolean | false | true |
Methods
名称 | 说明 |
---|---|
start | autoplay为false时,通过此方法启动滚动 |
reStart | 暂停后重新开始滚动(从暂停前的值开始滚动) |
paused | 暂停滚动 |
Event
事件名 | 说明 | 回调参数 | 版本 |
---|---|---|---|
end | 数值滚动到目标值时触发 | - | - |