Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

翻牌器效果能否实现 #1

Open
yupeng2015 opened this issue May 6, 2022 · 1 comment
Open

翻牌器效果能否实现 #1

yupeng2015 opened this issue May 6, 2022 · 1 comment
Labels
done Extra attention is needed enhancement New feature or request

Comments

@yupeng2015
Copy link

你好,请问该组件能实现这个效果么
image

@jizai1125 jizai1125 added the enhancement New feature or request label May 6, 2022
@jizai1125
Copy link
Owner

jizai1125 commented May 26, 2023

可以用插件 Odometer plugin

<script setup lang="ts">
  import { ref } from 'vue'
  import CountUp, { type CountUpOptions } from 'vue-countup-v3'
  import { Odometer } from 'odometer_countup';

  const endValueRef = ref(2022)
  // coutup.js options
  const options: CountUpOptions = {
     plugin: new Odometer({ duration: 2.3, lastDigitDelay: 0 }),
  }
</script>

<template>
  <count-up 
    :end-val="endValueRef"
    :options="options"></count-up>
</template>

@jizai1125 jizai1125 added the done Extra attention is needed label Aug 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
done Extra attention is needed enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants