Typography 排版
Vexip UI 提供了一些带有基本格式的文本组件。
代码示例#
API#
预设类型#
ts
type TypographyType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'error'
type TitleLevel = 1 | 2 | 3 | 4 | 5 | 6
Text 属性#
| 名称 | 类型 | 说明 | 默认值 | 始于 |
|---|---|---|---|---|
| code | boolean | 是否为代码，设置后标签为 <code> | false | - |
| delete | boolean | 是否添加删除线，设置后标签为 <del> | false | - |
| disabled | boolean | 是否禁用 | false | - |
| italic | boolean | 是否斜体 | false | - |
| keyboard | boolean | 是否添加键盘按键样式 | false | - |
| mark | boolean | 是否添加标记底色 | false | - |
| reversed | boolean | 设置字体颜色是否取反色 | false | - |
| strong | boolean | 是否加粗 | false | - |
| tag | string | 设置渲染的标签 | 'span' | - |
| thin | boolean | 是否为细字体，与 strong 冲突 | false | - |
| type | TypographyType | 设置文本的类型 | 'default' | - |
| underline | boolean | 是否添加下划线 | false | - |
其中 P 和 Strong 为 Text 的快捷组件。
Title 属性#
| 名称 | 类型 | 说明 | 默认值 | 始于 |
|---|---|---|---|---|
| aligned | boolean | 设置添加标记后的是否按标记对齐 | false | - |
| level | TitleLevel | 设置标题的级别 | 5 | - |
| marker | boolean | 是否添加标记 | false | - |
| marker-type | string | 单独设置标记的类型，支持传入自定义颜色 | null | - |
| thin | boolean | 是否为细标题 | false | - |
| top | boolean | 是否为置顶标题，置顶时上外边距为 0 | false | - |
| type | TypographyType | 设置标题的类型 | 'default' | - |
其中 H1、H2、H3、H4、H5、H6 为 Title 的快捷组件。
Blockquote 属性#
| 名称 | 类型 | 说明 | 默认值 | 始于 |
|---|---|---|---|---|
| type | TypographyType | 设置块引用的类型 | 'default' | - |
OL 属性#
| 名称 | 类型 | 说明 | 默认值 | 始于 |
|---|---|---|---|---|
| type | 'a' | 'A' | 'i' | 'I' | '1' | 设置序号的类型 | '1' | - |
UL 属性#
| 名称 | 类型 | 说明 | 默认值 | 始于 |
|---|---|---|---|---|
| list-style | string | 设置 li 的标记类型 | 'circle' | - |
