1.3.3 • Published 7 years ago
uxcore-progress v1.3.3
uxcore-progress
setup develop environment
$ git clone https://github.com/uxcore/uxcore-progress
$ cd uxcore-progress
$ npm install
$ npm startUsage
import {Line, Circle} from 'uxcore-progress';
ReactDOM.render(<Line percent={30} />, target);
ReactDOM.render(<Circle status="active" />, target);demo
http://uxco.re/components/progress/
API
Props
Line
| 配置项 | 类型 | 必填 | 默认值 | 功能/备注 |
|---|---|---|---|---|
| percent | 百分比 | number | 0 | |
| status | 状态，有两个值normal、exception、active三种状态 | string | normal | |
| strokeWidth | 进度条线的宽度，单位是px | number | 10 | |
| showInfo | 是否显示进度数值和状态图标 | bool | true |
Circle
| 配置项 | 类型 | 必填 | 默认值 | 功能/备注 |
|---|---|---|---|---|
| percent | 百分比 | number | 0 | |
| status | 状态，有两个值normal、exception、active三种状态 | string | normal | |
| strokeWidth | 进度条线的宽度，单位是px | number | 6 | |
| showInfo | 是否显示进度数值和状态图标 | bool | true | |
| size | 尺寸，相当于直径 | number | 156 |