Typography 排版
文本的基本格式。
何时使用
- 当需要展示标题、段落、列表内容时使用,如文章/博客/日志的文本样式。
- 当需要一列基于文本的基础操作时,如拷贝/省略/可编辑。
基本使用
展示文档样例。
标题组件
展示不同级别的标题。
文本与超链接组件
内置不同样式的文本以及超链接组件。
省略号
多行文本省略。
可交互
提供可复制等额外的交互能力。可通过copyable.icon属性来指定复制图标。并通过on:copy监听复制事件
Typography Props 属性
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| tag | 组件渲染元素标签 | string | article |
Text/Link/Title Props 共同属性
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| title | 元素title属性 | string | - | |
| copyable | 是否可拷贝,为对象时可进行各种自定义 | boolean | CopyConfig | false | |
| type | 是否可拷贝,为对象时可进行各种自定义 | BaseType | - | |
| disabled | 禁用文本 | boolean | false | |
| ellipsis | 自动溢出省略 | boolean | EllipsisConfig | false | |
| underline | 添加下划线样式 | boolean | false | |
| deleted | 添加删除线样式 | boolean | false | |
| strong | 是否加粗 | boolean | false | |
| italic | 是否斜体 | boolean | false |
Typography.Text Props 属性
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| tag | 组件渲染元素标签 | string | span | |
| keyboard | 添加键盘样式 | boolean | false | |
| mark | 添加标记样式 | boolean | false |
Typography.Link Props 属性
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| href | 跳转地址 | string | - | |
| target | a标签的target属性 | string | _self |
Typography.Title Props 属性
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| keyboard | 添加键盘样式 | boolean | false | |
| mark | 添加标记样式 | boolean | false |
Events 事件
| 事件 | 说明 | 类型 |
|---|---|---|
| click | 点击事件 | MouseEventHandler<T> |
| copy | 拷贝事件 | () => void |
Slots 插槽
| 插槽名 | 说明 |
|---|---|
| default | 自定义默认内容 |