0.0.5 • Published 5 years ago

@beisen-phoenix/mobile-progress v0.0.5

Weekly downloads
-
License
ISC
Repository
gitlab
Last release
5 years ago

进度条

用法

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
  );
}

接口

进度条,有线形和环形两种。

属性:

NameDescriptionTypeDefaultRequired
type类型,决定线形还是环形'line' | 'circle'line
percent进度,取值为0~1number0
showText是否显示进度标签booleantrue
size组件的大小。注意对于线形进度条size只决定它的高度,宽度是自适应的对于环形,large大小为132像素,small大小为88像素线形:'large' | 'medium' | 'small'线形:'large' | 'small'large
color颜色'red' | 'yellow' | 'blue'red