Spin 加载中 何时使用 代码演示 基本用法 各种大小 容器 卡片加载中 自定义描述文案 延迟 自定义指示符 API 静态方法 Spin 加载中 用于页面和区块的加载中状态。 何时使用 页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。 代码演示 基本用法 一个简单的 loadi...

Input输入框 何时使用 ">代码演示 API [nz-input]directive nz-input-groupcomponent Input输入框 通过鼠标或键盘输入内容，是最基础的表单域的包装。 何时使用 需要用户输入表单域内容时。 提供组合型输入框，带搜索的输入框，还可以进行大小选择。 import { NzI...

Input输入框 何时使用 ">代码演示 API [nz-input]directive nz-input-groupcomponent Input输入框 通过鼠标或键盘输入内容，是最基础的表单域的包装。 何时使用 需要用户输入表单域内容时。 提供组合型输入框，带搜索的输入框，还可以进行大小选择。 import { NzI...

Input输入框 何时使用 代码演示 API [nz-input]directive nz-input-groupcomponent Input输入框 通过鼠标或键盘输入内容，是最基础的表单域的包装。 何时使用 需要用户输入表单域内容时。 提供组合型输入框，带搜索的输入框，还可以进行大小选择。 import { NzInp...

Grid栅格 设计理念 概述 代码演示 API Row Col Grid栅格 24 栅格系统。 设计理念 在多数业务情况下，Ant Design 需要在设计区域内解决大量信息收纳的问题，因此在 12 栅格系统的基础上，我们将整个设计建议区域按照 24 等分的原则进行划分。 划分之后的信息区块我们称之为『盒子』。建议横向排列的盒子数...

Drawer抽屉 何时使用 单独引入此组件 代码演示 API nz-drawercomponent NzDrawerServiceservice NzDrawerOptions NzDrawerRef 方法 属性 Drawer抽屉 抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑...

部署 前端路由与服务端的结合 使用 nginx 使用 spring boot 使用 express 使用 egg 部署 前端路由与服务端的结合 如果你遇到 https://cdn.com/users/123 刷新后 404 的问题，你需要按照这个章节进行处理。 Ant Design Pro 使用的 Umi 支持两种路由方式：b...

Select选择器 何时使用 代码演示 API Select props Select Methods Option props OptGroup props FAQ tag 模式下为何搜索有时会出现两个相同选项？ 点击 dropdownRender 里的内容浮层关闭怎么办？ 自定义 Option 样式导致滚动异常怎么办？ 为何无障碍...

社区精选组件 社区精选组件 choerodon-ui 是 Choerodon 的 UI 组件库，同时还包含了企业级组件库 choerodon-ui/pro 。为了尽量不重复造轮子，我们推荐使用以下社区已有的优秀实现，与 choerodon-ui 形成互补： 类型 推荐组件 路由 react-router 布局 react-blocks rea...

4.0.0 4.0.0 2020-02-28 🏆 Ant Design v4 发布！点击此处 查看更多信息。 🐞 Breadcrumb 使用 path 作为默认 key 以修复 name 作为 key 重名的冲突问题。#21583 @douxc 🌟 Timeline.Item 支持 label 。#21560 @shaodahon...