更新记录
1.0.0(2025-11-04)
下载此版本
初次更新
平台兼容性
uni-app(4.23)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
uni-app x(4.23)
| Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
| √ |
√ |
√ |
√ |
√ |
√ |
zh-number-scroll
数字滚动
参数
| 参数 |
说明 |
类型 |
默认值 |
| value |
滚动数值 |
String, Number |
00.0 |
| color |
字体颜色 |
String |
#000 |
| dotWidth |
小数点的宽度 |
String |
14rpx |
| width |
每个数字的宽度(字间距) |
String |
30rpx |
| height |
数字高度 |
String |
40rpx |
| fontSize |
字体大小 |
String |
30rpx |
示例
<template>
<view class="page padding_20 flex_center">
<zh-number-scroll
color="red"
dotWidth="24rpx"
fontSize="100rpx"
height="134rpx"
:value="value"
width="60rpx"
/>
</view>
</template>
<script>
export default {
data() {
return {
value: '000.00'
}
},
onLoad() {
setTimeout(()=> {
this.value = '123.56'
setTimeout(()=> {
this.value = '256.38'
}, 1500)
setTimeout(()=> {
this.value = '362.00'
}, 3000)
setTimeout(()=> {
this.value = '308.97'
}, 4500)
}, 3000)
}
}
</script>