@dreamjser/countdown-circle-vue v1.0.9

安装

npm/yarn/pnpm 安装

npm i @dreamjser/countdown-circle-vue

yarn add @dreamjser/countdown-circle-vue

pnpm add @dreamjser/countdown-circle-vue

引入组件

// 引入样式文件
import '@dreamjser/countdown-circlev-vue/es/style.css'
// 引入组件
import CountdownCircle from '@dreamjser/countdown-circlev-vue'

组件实例

<script setup lang="ts">
import { ref, onMounted } from 'vue'
import { CountdownCircle } from '@dreamjser/countdown-circle-vue'

const countdown = ref<InstanceType<typeof CountdownCircle> | null>(null)

onMounted(() => {
  (countdown.value as any).run()
})
</script>

<template>
  <CountdownCircle ref="countdown" :time-out="20" circle-color="red"></CountdownCircle>
</template>

组件属性

组件方法