更新记录
1.0.0(2022-03-21)
下载此版本
数字滚动,可选加千分号,小数点位数处理,数字滚动模式,数字直接变化模式
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
属性说明
属性名 |
默认值 |
作用 |
说明 |
myStyle |
{fontSize:28rpx} |
整体样式 |
非必传 |
height |
36 |
数字的整体高度 |
单位rpx |
num |
0 |
要变化的数字 |
必传 |
time |
100 |
控制数字滚动快慢 |
非必传 |
toThousands |
true |
处理成带千分号 |
非必传 |
roll |
true |
true为数字滚动模式,false为数字变化模式 |
非必传 |
页面使用
<template>
<view>
<num-roll :num="num" :my-style="{color:'red',width:'1223rpx'}" :fixedNum="4"></num-roll>
</view>
</template>
import numRoll from "../../components/oxjie-numRoll/index.vue"
export default {
data() {
return {
num:123456789.123456,
}
},
mounted() {
setInterval(() => {
this.num = Math.random()*100000000 / 100
}, 1000);
},
components:{
numRoll
}
}