import { Component } from 'react'
import { Spin } from 'antd'
import './index.less'
export default class LoadingData extends Component {
render() {
let { tip = '数据加载中' } = this.props
return (
<div styleName="loading"> // styleName 是公司的一种混淆 处理react 样式作用域的
<Spin tip={tip} />
</div>
)
}
}
.loading {
text-align: center;
padding: 30px 0;
}
.loading {text-align: center;padding: 30px 0;}
在 Antd 中常见的两个 loading 图如下，Antd 官方叫它们 Spin （旋转）。 这种 loadin...
Protable 业务封装 基于 Antd Protable 及 ahooks 的表格组件业务封装 Protabl...
antd-mobil loading组件axios请求拦截 请求转发"proxy": "http://localh...
antd的Form，或者其他基于rc-form封装的表单组件，利用getFieldDecorator可以绑定一个i...
早期有封装过js版本Antd搜索栏组件SearchForm的封装/使用 介绍 组件封装的初衷，当然都是为了代码尽可...
antd-pro 多页签模式实现 基于antd Tabs组件实现多页签模式。github：https://gith...
Ant Design是蚂蚁金服提供的一个优秀的react组件库，npm上包名为antd。文档详细、使用简单，节省了...
封装组件，通过指令进行调用，类似于elementUI中的loading组件 step1：搭建组件 step2：在组...
简单组件 使用 嵌套组件Tabs 使用
本文标题：基于antd +spin 封装loading 组件
本文链接：https://www.haomeiwen.com/subject/htvydktx.html
网友评论