一、Spin加载中
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0d112cde747828078538136526750508.png)
<Spin spinning={loading}> 加载中... </Spin>
二、Skeleton骨架屏
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/04860037952a208b3d76b2093f7fde81.png)
<Skeleton loading={loading}> 加载中... </Skeleton>
三、Table表格
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/41867ffe5a4a0cdeab7c264536765c45.png)
<Table
columns={ tableColumns }
dataSource={ data ?? [] }
loading={ loading }
/>
四、Card卡片
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/605fa118825b706d708e4dc08f7e8a3d.png)
<Card loading={loading} >卡片 </Card>
五、Select选择器
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7d61cf157e840e37202293292d459e98.png)
<Select
defaultValue="lucy"
loading
options={[{ value: 'lucy', label: 'Lucy' }]}
/>
六、Button按钮
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a22950ec925c03dc58c90632fb18b3e2.png)
<Button type="primary" loading> 按钮 </Button>
七、Dropdown下拉菜单
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/00f2e0fa540c1f5b75803396fbfca84f.png)
<Dropdown.Button type="primary" loading menu={{ items }}>
下拉框
</Dropdown.Button>
八、Input.Search输入框
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4805094ffa009a8f97971fb7d2c18591.png)
<Input.Search placeholder="请搜索" loading />