水波进度球
安装
npm i @tntx/wave --save使用
import React from 'react';
import Wave from '@tntx/wave';
export default () => {
return (
<Wave
color='#E86452'
range={67}
width={400}
/>
);
};API
| 参数 | 说明 | 类型 | 是否必须 | 默认值 |
|---|---|---|---|---|
| width | 水波球宽度 | string | 否 | 200px |
| color | 水波球颜色(十六进制) | string | 否 | #07C790 |
| fontSize | 字体大小 | small | default | large | 否 | default |
| range | 水波球百分比0～100 | Number | 否 | 0 |
| fontFamily | 字体 | string | 否 | "宋体" |