Tooltip文字提示 何时使用 代码演示 API 共同的 API 注意 Tooltip文字提示 简单的文字提示气泡框。 何时使用 鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作。 可用来代替系统默认的 title 提示，提供一个 按钮/文字/操作 的文案解释。 代码演示 基本 最简单的用法。 imp...

Tooltip文字提示 何时使用 代码演示 API 共同的 API 注意 Tooltip文字提示 简单的文字提示气泡框。 何时使用 鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作。 可用来代替系统默认的 title 提示，提供一个按钮/文字/操作 的文案解释。 代码演示 基本 最简单的用法。 impor...

NoticeBar 通告栏 规则 代码演示 API TabItem NoticeBar 通告栏 在导航栏下方，一般用作系统提醒、活动提醒等通知。 规则 需要引起用户关注时使用，重要级别低于 Modal ，高于 Toast。 代码演示 可关闭 是否显示关闭按钮，点击关闭图标后，隐藏该栏。 import { Not...

Tree树形控件 何时使用 ">代码演示 API nz-treecomponent 方法 NzTreeNodeOptions props NzFormatEmitEvent props NzFormatBeforeDropEvent props NzTreeNode props 注意 Tree树形控件 何时使用 文件夹、组织架...

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

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

List列表 何时使用 代码演示 API List pagination List grid props List.Item List.Item.Meta List列表 通用列表。 何时使用 最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面。 代码演示 简单列表 列表拥有大、中、小三种尺寸。 ...

Carousel 走马灯 定义／Definition 规则 / Rule 代码演示 API Carousel 走马灯 定义／Definition 将图形化的对象组成列表放入到一个水平放置的带状或弓形区域中，并允许用户向前或向后滚动走马灯来查看他们。 规则 / Rule 所展示信息属于同一个层级。 当没有足够的空间来放置缩略图网格...

国际化改造方案 一、antd UI 组件国际化 二、业务文案的国际化需求 (1) 安装 vue-i18n： (2) 在 src/components/lang/ 中创建语言js，例如 en-US.js 和 zh-CN.js (3) 在main.js实例化组件 在组件中这样使用 如果想传参，例如zh-CN.js中这样配置： 常用方法： ...

开始使用 目录结构 数据文件 脚手架里使用 安装依赖 基本必要组件依赖 按需加载 ant design 配置自定义皮肤 配置 html scale 样式 开始使用 Landing 编辑器里下载的文件为 Home 文件包，导出的文件为 React 文件 .jsx ， 样式采用的为 less 文件 .less ， 如遇到问题时，建议...