README

进度条

用法

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	否

Usage no npm install needed!

README

进度条

用法

接口