@beisen-phoenix/percent

@beisen-phoenix/percent

Usage no npm install needed!

<script type="module">
  import beisenPhoenixPercent from 'https://cdn.skypack.dev/@beisen-phoenix/percent';
</script>

README

百分比组件

@beisen-phoenix/percent

概述

以图片的形式显示处理任务的速度，完成度，剩余未完成任务量的大小。
支持【大小】百分比。

API

参数 说明 类型 默认值 是否必传
percent 百分比 number 0 Yes
size 组件大小，可选: big,small string - Yes
color 进度条颜色，可选: 11种辅助色(D1-D11) 默认 0%-99%蓝色，100%绿色，失败红色 - No
status 进度条状态，可选：success,进度条默认为绿色。exception,进度条默认为红色。normal进度条默认为蓝色。 string - No
showInfo 是否在圆圈内显示百分比信息 boolean true No
format 进度数值的模板函数, 函数返回的信息将显示在进度数值区域 (percent: Number) => {} - No