文本Text
该组件基于 Element Plus 的 el-text 封装,用于在低代码平台中展示可样式化、可交互的文本内容,支持省略号截断、行数限制、语义标签及点击事件,适用于信息展示与轻量交互场景。
基础属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
size | string | -- | 文本尺寸(可选值由平台通用尺寸选项决定) |
type | string | -- | 文本类型(可选值由平台通用类型选项决定,如 primary、success 等) |
truncated | boolean | -- | 是否显示省略号(超出容器时) |
lineClamp | number | -- | 最大行数(配合省略号使用) |
tag | string | -- | 文本标签(可选:ins / del / mark;支持取消选择) |
color | string | -- | 字体颜色 |
fontSize | string | -- | 字体大小(支持 CSS 单位,如 14px、1rem) |
fontWeight | string | -- | 字体粗细(可选:lighter / normal / bold) |
高级属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
text | string | 默认文本 | 文本内容(可绑定) |
组件事件
| 事件名 | 说明 |
|---|---|
click | 文本点击时触发 |
注意事项
color、fontSize和fontWeight不通过v-bind透传给el-text,而是合并为内联style注入,确保样式优先级;- 当
truncated为true且设置了lineClamp时,文本将在指定行数后截断并显示省略号(需容器有固定高度或限制); lineClamp仅在truncated启用时生效,底层依赖-webkit-line-clamp实现,兼容性限于现代浏览器。
