0.0.1 • Published 9 months ago

breeze-time v0.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
9 months ago

breeze-time

这个系列函数会与计数或者时间相关

1.数字渐变(目前只支持整数)

numberChange(refData, startNumber, endNumber, duration)

参数类型解释
refData响应式对象一个引用类型的数据,用于存储渐变过程中的数字值
startNumberNumber起始数字
endNumberNumber结束数字
durationNumber执行时间,单位毫秒(最好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。