Ellipsis文本自动省略号 代码演示 API Ellipsis文本自动省略号 文本过长自动处理省略号，支持按照文本长度和最大行数两种方式截取。 引用方式： import Ellipsis from 'ant-design-pro/lib/Ellipsis' ; 详细使用方式请参照：独立使用 pro 组件 代码...

图标 设计师专属 设计原则 设计规格 分层 轮廓线与模版 图标设计指引 1、形式 2、韵律 2-1. 元素的韵律 2-2、构图的韵律 3、平衡 4、辨识 给设计师的一些建议 写在最后 图标 图标是 UI 设计中必不可少的组成。通常我们理解图标设计的含义，是将某个概念转换成清晰易读的图形，从而降低用户的理解成本，提升界面的美...

开始使用 写在前面 谁在使用 For 设计者 For 开发者 前序准备 安装 目录结构 本地开发 开始使用 写在前面 Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提...

Ellipsis文本自动省略号 代码演示 API 按照字符数省略 按照行数省略 Ellipsis文本自动省略号 文本过长自动处理省略号，支持按照文本长度和最大行数两种方式截取。 引用方式： import Ellipsis from 'ant-design-pro/lib/Ellipsis' ; 详细使用方式请参照...

Popup 弹出层 规则 代码演示 API ( 适用平台：WEB、React-Native ) static show(content: React.Element, options: Object): static hide(): 关闭 Popup static newInstance() (web only) Popup 弹出层 从顶...

业务图标 一、生成图标库代码 二、引入 SVG Symbol Unicode Font Class 业务图标 通常情况下，你可以通过 Ant Design 提供的 <Icon /> 图标组件来使用 Ant Design 官方图标 。基本使用方式如下： <Icon type = "heart" style ={{ fontSi...

UI Widget & Component Toolkits On Web Platform: [^1] React Specific, On Web Platform: [^2] Native Desktop/Laptop/Netbook Apps via Web Platform (i.e. used with NW.js and Electron)...

Layout布局 设计规则 尺寸 交互 视觉 组件概述 代码演示 API Layout Layout.Sider breakpoint width Layout布局 协助进行页面级整体布局。 设计规则 尺寸 一级导航项偏左靠近 logo 放置，辅助菜单偏右放置。 顶部导航（大部分系统）：一级导航高度 64px ，二级...

样式工具类 间距 色彩 别名 全量颜色 清除浮动 显示 位置 文本 大小 对齐 溢出 Transformation Weight and italics Other Borders 边框 颜色 圆角 Width Responsive 旋转 Other 小部件 瀑布流 ng-zorro nz-card nz-m...