Text 文本
介绍
用于展示文本内容,支持基础样式配置,提供部分额外样式定制能力。
基础用法
html
<vd-text value="文本内容" />
<vd-text>文本内容</vd-text>颜色主题
通过 type 设置文本颜色主题。
html
<vd-text type="primary">文本内容</vd-text>
<vd-text type="success">文本内容</vd-text>
<vd-text type="warning">文本内容</vd-text>
<vd-text type="danger">文本内容</vd-text>API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 内容 | string | - |
| color | 颜色 | string | - |
| size | 字体大小 | number | string | - |
| bold | 是否粗体 | boolean | false |
| line-height | 行高 | number | string | - |
| lines | 最大行数,超出部分省略号显示 | number | string | - |
| decoration | 文本装饰 | none overline underline line-through | - |
| breakword | 是否允许单词断开换行 | boolean | false |
| clickable | 是否可点击 | boolean | false |
代替原始 Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| custom-id | 根节点id | string | - |
| custom-class | 根节点类名 | ClassValue | - |
| custom-style | 根节点样式 | StyleValue | - |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| click | 点击时触发 | MouseEvent |
Slots
| 名称 | 说明 |
|---|---|
| default | 自定义内容 |
