共计 541 个字符，预计需要花费 2 分钟才能阅读完成。
uni-app 项目数字滚动
github 地址，喜欢的可以 star 下哦
插件预览图
使用教程
1. 插件代码拷贝
下载后把 components 目录下 countUp.vue 文件拷贝到自己项目目录下
2. 插件全局配置
在项目里 main.js 中配置如下代码
import countUp from ‘./components/countUp.vue’
Vue.component(‘countup’,countUp)
3. 插件使用
vue 页面使用
<template>
<view>
<countup :num=”num” color=”#ff9e50″ width=’13’ height=’23’ fontSize=’23’></countup>
<button @tap=”add”>Add</button>
<button @tap=”reduce”>Reduce</button>
</view>
</template>
<script>
export default {
data() {
return {
num:123.453
};
},
onLoad() {},
methods: {
add() {
this.num=++this.num;
},
reduce(){
this.num=–this.num;
}
}
};
</script>
兼容性
uni-app 项目中使用都兼容
正文完
