文章统计:84字,预计阅读:小于一分钟。

vue3 组件-动画进度条

该组件依赖element-plus

基础用法

0%
0%
0%
0%
<template>
  <div>
    <KProgress :percentage="50" />
    <KProgress
      :percentage="50"
      :duration="10000"
    />

    <!-- element el-progress 属性-->
    <KProgress
      type="circle"
      :percentage="50"
    />

    <KProgress
      type="circle"
      :percentage="100"
      status="success"
    />

    <KProgress
      :text-inside="true"
      :stroke-width="26"
      :percentage="70"
    />
  </div>
</template>

属性

属性说明类型默认值必填
percentage进度numbertrue
duration动画时长,毫秒number3000

类型声明

import type {
  ProgressProps, // 属性声明
} from "@tomiaa/vue3-components"

// ProgressProps["属性名"]
// const prop: ProgressProps["属性名"] = xxx
最后更新时间:
贡献者: tomiaa