TnCountScroll-数字滚动

该组件一般用于数字的变化，比如用户的积分、余额等，通过数字的变化，给用户明确的数值感受，提示用户进行某一个行为操作

组件位置

nodeuni_modules

typescript

import TnCountScroll from '@tuniao/tnui-vue3-uniapp/components/count-scroll/src/count-scroll.vue'

import TnCountScroll from '@tuniao/tnui-vue3-uniapp/components/count-scroll/src/count-scroll.vue'

typescript

import TnCountScroll from '@/uni_modules/tuniaoui-vue3/components/count-scroll/src/count-scroll.vue'

import TnCountScroll from '@/uni_modules/tuniaoui-vue3/components/count-scroll/src/count-scroll.vue'

App(vue)	H5	微信小程序	支付宝小程序	...
√	√	√	√	适配中

vue

<template>
  <TnCountScroll value="7865.23" />
</template>

<template>
  <TnCountScroll value="7865.23" />
</template>

设置的分割符不会影响到数字的计算，只是在显示的时候，会将数字进行分割

vue

<template>
  <TnCountScroll
    value="7865.23"
    decimal-separator="."
    thousands-separator=","
  />
</template>

<template>
  <TnCountScroll
    value="7865.23"
    decimal-separator="."
    thousands-separator=","
  />
</template>