Menu导航菜单 何时使用 代码演示 API Menu Menu.Item Menu.SubMenu Menu.ItemGroup Menu.Divider Menu导航菜单 为页面和功能提供导航的菜单列表。 何时使用 导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航，顶部导航提供全局性的类...

Menu导航菜单 何时使用 代码演示 API Menu Menu.Item Menu.SubMenu Menu.ItemGroup Menu.Divider Menu导航菜单 为页面和功能提供导航的菜单列表。 何时使用 导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航，顶部导航提供全局性的类...

引入外部模块 引入依赖 使用 引入外部模块 除了 antd 组件以及脚手架内置的业务组件，有时我们还需要引入其他外部模块，这里以引入富文本组件 react-quill 为例进行介绍。 引入依赖 在终端输入下面的命令完成安装： $ npm install react - quill -- save 加上 —save 参数...

Calendar日历 何时使用 代码演示 API FAQ Calendar日历 按照日历形式展示数据的容器。 何时使用 当数据是日期或按照日期划分时，例如日程、课表、价格日历等，农历等。目前支持年/月切换。 代码演示 基本 一个通用的日历面板，支持年/月切换。 import { Calendar } fr...

Table 表格 定义／Definition 规则 / Rule 代码演示 API Tabs columns Table 表格 定义／Definition 标签栏用于让用户在不同的子任务、视图和模式中进行切换。 规则 / Rule 单列高度为44dp 表格中内容不宜附带组件，如需组件请选择表单或列表 数据中文字内容左对齐...

Calendar日历 何时使用 代码演示 API Calendar日历 按照日历形式展示数据的容器。 何时使用 当数据是日期或按照日期划分时，例如日程、课表、价格日历等，农历等。目前支持年/月切换。 代码演示 基本 一个通用的日历面板，支持年/月切换。 import { Calendar } from ...

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

Grid栅格 设计理念 概述 Flex 布局 代码演示 API Row Col FAQ IE9 响应式不工作怎么办？ Grid栅格 24 栅格系统。 设计理念 在多数业务情况下，Ant Design 需要在设计区域内解决大量信息收纳的问题，因此在 12 栅格系统的基础上，我们将整个设计建议区域按照 24 等分的原则进行划分...

Affix固钉 何时使用 代码演示 API FAQ Affix 使用 target 绑定容器时，元素会跑到容器外。 Affix固钉 将页面元素钉在可视范围。 何时使用 当内容区域比较长，需要滚动页面时，这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。 页面可视范围过小时，慎用此功能以免遮挡页面内容。 ...

Affix固钉 何时使用 代码演示 API FAQ Affix 使用 target 绑定容器时，元素会跑到容器外。 Affix固钉 将页面元素钉在可视范围。 何时使用 当内容区域比较长，需要滚动页面时，这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。 页面可视范围过小时，慎用此功能以免遮挡页面内容。 ...