mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-11-09 07:52:12 +08:00
4.7 KiB
4.7 KiB
| pageClass |
|---|
| comp-page-class |
processCircle 进度环
概述
用于展示操作进度，告知用户当前状态
代码示例
Process-circle的属性有：percent百分比，size宽高，stroke-type,stroke-width,stroke-color,trail-width,trail-color
具体属性配置请查看下方的API表
统计结果
占比{{percent2}}%圆环中间设置居中的自定义样式可以按需求显示，实现图表统计功能
{{percent}}% + -通过数据驱动实现视觉效果
API
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| percent | 百分比（1~100） | Number | 0 |
| size | 圆环宽高长度 (px) | Number | 120 |
| stroke-type | 圆环线框前景色头部形状，可选有两种：square,round | String | round |
| stroke-width | 圆环线框前景色宽度 (px) | Number | 5 |
| stroke-color | 圆环线框前景色颜色 | String | #3399ff |
| trail-width | 圆环线框背景色宽度 (px) | Number | 4 |
| trail-color | 圆环线框背景色颜色 | String | #eaeef2 |