TUI

<TsNumberGrow :value="1000" :play="true" />

<TsNumberGrow :start="0" :value="100.25" :duration="2" :step="0.05" :decimals="2" :play="true" />

<template>
  <TsNumberGrow :value="5000" :lazy="true" :playOnce="true" @start="handleStart"/>
</template>

<script setup lang="ts">
  const handleStart = ()=>{
    console.log('开始播放')
  }
</script>

<template>
  <TsNumberGrow :start="100" :value="0" :playOnce="false" :play="reversalPlay" @end="reversalPlay = false" />
  <TsButton @click="reversalPlay = true" style="margin-left: 50px">播放</TsButton>
</template>

<script setup lang="ts">
  const play = ref(false);
  const handleEnd = ()=>{
    console.log("结束")
  }
</script>

<template>
  <TsNumberGrow :value="888" :play="play" :playOnce="false" @end="handleEnd"/>
  <TsButton @click="play = !play" style="margin-left: 50px;">播放</TsButton>
</template>

<script setup lang="ts">
  const reversalPlay = ref(false);
</script>