更新记录

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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议