cefc-ui-spin
v0.0.2
Published
CEFC-UI Component
Downloads
3
Readme
Spin
局部加载效果组件,
Spin
| 属性 | 说明 | 类型 | 默认值 |
| :-------- | ----------------------------- |:-------------:| :-----------: |
| prefixCls | 样式前缀,如:cefc-loading
,可用于自定义样式 | String | cefc-spin
|
| tip | 加载说明,不传tip时,则不显示tip | String | '' |
|pos| tip的相对于Icon的位置,有两个值below和right | String | 'below'|
|size|Icon图标的大小,有'sm', 'md', 'lg'三个值 |String | 'md'|
|spinning|图标是否旋转 | bool| true|
| iconType | Icon图标的名称,从矢量图标库中找需要的图标| string | 'loading' |
| delay | 延迟显示加载效果的时间(毫秒)(防止闪烁)页面的第一个Spin无delay效果 | number | 无 |
| isShow | 是否显示Spin组件,true表示显示 | Boolean | true|
| mask | 是否显示遮罩层,true表示显示,false表示视觉上不显示,但是仍然有透明遮罩层 | bool | true|
| onCallback | Loading显示结束的回调函数 | Function | ()=>{} |
| className | 外部传入类 | string | '' |
如何使用
- 带子元素
<Spin delay={500} tip="加载中..." >
<div className="child">我是任意组件,Spin的遮罩层将覆盖在我上面,形成局部加载的效果</div>
</Spin>
- 纯Spin,不带tip(如加载中...)
<Spin />
- 带tip
<Spin tip="加载中..." />