Ringloading 圆环 loading 加载
定义
圆环loading加载。
图片展示
代码演示
import Ringloading from 'pile/dist/components/ringloading'
<Ringloading
width={100}
text="加载中"
border={5}
borderColor="#330000"
contentBgColor="#fff"
contentColor="#d40049"
textSize="16px"
/>
属性
| 参数 | 描述 | 数据类型 | 默认值 |
|---|---|---|---|
| width | 圆直径 | number | 200 |
| text | 圈内文字展示 | string | loading... |
| border | 边框宽度 | number | 2 |
| borderColor | 边框颜色 | string | #4a4c5b |
| contentColor | 内容颜色 | string | #4a4c5b |
| contentBgColor | 内容背景颜色 | string | #fff |
| textSize | 字体大小 | string | 14px |