0.0.5 • Published 5 years ago
@beisen-phoenix/mobile-progress v0.0.5
进度条
用法
npm install --save @beisen-phoenix/mobile-progress
import Progress from '@beisen-phoenix/mobile-progress';
export default function(props: any) {
const prog = 0.8;
return (
<div>
<Progress percent={prog} type="line"></Progress>
<Progress percent={prog} type="circle" color="blue"></Progress>
</div
);
}
接口
进度条,有线形和环形两种。
属性:
Name | Description | Type | Default | Required |
---|---|---|---|---|
type | 类型,决定线形还是环形 | 'line' | 'circle' | line | 否 |
percent | 进度,取值为0~1 | number | 0 | 否 |
showText | 是否显示进度标签 | boolean | true | 否 |
size | 组件的大小。注意对于线形进度条size只决定它的高度,宽度是自适应的对于环形,large大小为132像素,small大小为88像素 | 线形:'large' | 'medium' | 'small'线形:'large' | 'small' | large | 否 |
color | 颜色 | 'red' | 'yellow' | 'blue' | red | 否 |