更新记录
0.0.1(2025-02-28)
下载此版本
0.0.1(2025-02-28)
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
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()
主动触发滚动动画,先将所有字符重置为空格,再恢复为原始值以实现滚动效果。