Skip to content

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'文本颜色类型
strongbooleanfalse加粗
italicbooleanfalse斜体
underlinebooleanfalse下划线
deletebooleanfalse删除线
codebooleanfalse代码样式
depth1 | 2 | 3颜色深度
tagstring'span'渲染的 HTML 标签

Released under the MIT License.