0.0.1 • Published 9 months ago
breeze-time v0.0.1
breeze-time
这个系列函数会与计数或者时间相关
1.数字渐变(目前只支持整数)
numberChange(refData, startNumber, endNumber, duration)
参数 | 类型 | 解释 |
---|---|---|
refData | 响应式对象 | 一个引用类型的数据,用于存储渐变过程中的数字值 |
startNumber | Number | 起始数字 |
endNumber | Number | 结束数字 |
duration | Number | 执行时间,单位毫秒(最好50ms的倍数) |
示例
// vue3代码
<template>
<div>数字:{{ count }}</div>
</template>
<script setup>
import { ref } from "vue";
import { numberChange } from "breeze-time";
const count = ref(0);
numberChange(count, 2000, 1, 1000);
</script>
<style>
</style>
// vue2代码
<template>
<div>数字:{{ count }}</div>
</template>
<script>
import { numberChange } from "breeze-time";
export default{
data() {
return {
count: 0
};
},
mounted(){
numberChange(this.count, 2000, 1, 1000);
}
}
</script>
<style>
</style>
以上是一个用于实现数字渐变效果的函数。数字将在1秒内从2000变为1。
0.0.1
9 months ago