更新记录
0.0.1(2025-02-28)
下载此版本
0.0.1(2025-02-28)
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
- |
- |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
pan-rolling-amount 组件说明文档
简介
pan-rolling-amount
是一个用于显示滚动数字效果的 Vue 组件。它可以用于展示金额、计数器等需要动态变化数值的场景,并且支持点击触发滚动动画。
示例用法
<template>
<div>
<pan-rolling-amount value="2,849,122,01.01" :fontSize="30" />
</div>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
}
};
</script>
属性 (Props)
属性名 |
类型 |
默认值 |
描述 |
value |
String |
'' |
滚动的值,可以是数字或包含特殊字符的字符串 |
fontSize |
Number |
30 |
字体大小(单位:px) |
isTapRolling |
Boolean |
false |
是否点击字体本身触发滚动 |
方法 (Methods)
startRolling()
主动触发滚动动画,先将所有字符重置为空格,再恢复为原始值以实现滚动效果。