Typography 排版
文本排版组件:Text、H1-H6、P、Blockquote。
Text 文本
默认文本主要文本成功文本警告文本错误文本
vue
<AText>默认文本</AText>
<AText type="primary">主要文本</AText>
<AText type="error">错误文本</AText>文本修饰
加粗斜体下划线删除线code
vue
<AText strong>加粗</AText>
<AText italic>斜体</AText>
<AText code>code</AText>标题
H1 一级标题
H2 二级标题
H3 三级标题
H2 主色标题
vue
<AH1>一级标题</AH1>
<AH2>二级标题</AH2>
<AH3 type="primary">主色三级标题</AH3>段落与引用
depth=1 段落文本,颜色最深。
depth=2 段落文本,适用于辅助说明。
depth=3 段落文本,适用于占位提示。
这是一段引用文本。Aether UI — 无界·多元。
vue
<AP depth="1">正文段落</AP>
<AP depth="3">辅助说明</AP>
<ABlockquote><AP>引用文本</AP></ABlockquote>API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| type | 'default' | 'primary' | 'info' | 'success' | 'warning' | 'error' | 'default' | 文本颜色类型 |
| strong | boolean | false | 加粗 |
| italic | boolean | false | 斜体 |
| underline | boolean | false | 下划线 |
| delete | boolean | false | 删除线 |
| code | boolean | false | 代码样式 |
| depth | 1 | 2 | 3 | — | 颜色深度 |
| tag | string | 'span' | 渲染的 HTML 标签 |