Cefc-ui-spin NPM

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 />

<Spin tip="加载中..." />

6 years ago