两个框架中都有 Typography 排版组件，不过 Element Plus 中的排版组件并不是真正意义上的组件，它仅是对字体进行的统一规范，在 Ant Design 框架中排版组件下又分为 Tilte、Text、Link、Paragraph这四个组件。本章将对 Text、Link组件进行比较，这两个组件在 Element Plus 中都是单独存在的组件。
Text 组件属性
| Antd | Element | 说明 |
|---|---|---|
| code | — | 添加代码样式 |
| copyable | — | 是否可拷贝，为对象时可进行各种自定义 |
| delete | — | 添加删除线样式 |
| disabled | — | 禁用文本 |
| editable | — | 是否可编辑，为对象时可对编辑进行控制 |
| ellipsis | truncated | 自动溢出省略 |
| keyboard | — | 添加键盘样式 |
| — | line-clamp | 最大行数 |
| mark | — | 添加标记样式 |
| — | size | 文本大小 |
| strong | — | 是否加粗 |
| italic | — | 是否斜体 |
| type | type | 文本类型 |
| — | tag | 自定义元素标签 |
| underline | — | 添加下划线样式 |
Link 组件属性
Ant Design 中的 Link 组件属性与 Text 组件一致，除些之外它继承了<a>元素的所有属性，这里只单独介绍 Element Plus 中的 Link 组件属性。
| Element | 说明 |
|---|---|
| type | 类型 |
| underline | 控制下划线是否出现 |
| disabled | 是否禁用状态 |
| href | 原生 href 属性 |
| target | 同原生 target 属性 |
| icon | 图标组件 |
Ant Design
Ant Design 中的排版组件功能比较强大，除了上面介绍的 Text 与 Link 组件之外，还有 Title 与 Paragraph组件。详见：排版 Typography – Ant Design
Element Plus
Element Plus 中的排版组件并不是真正意义上的组件，它仅是对字体的规范化做的介绍，Text 与 Link 组件放在这篇文章里做了介绍。
小结
Ant Design 中的排版组件更成熟，Element Plus 中并没有排版组件，不过为了通过比较加强理解，我们把 Element Plus 中的 Text 与 Link 组件做为操作组件做了介绍。
参考链接：
发表回复