Skip to content

文本Text

该组件基于 Element Plus 的 el-text 封装,用于在低代码平台中展示可样式化、可交互的文本内容,支持省略号截断、行数限制、语义标签及点击事件,适用于信息展示与轻量交互场景。

基础属性

属性名类型默认值说明
sizestring--文本尺寸(可选值由平台通用尺寸选项决定)
typestring--文本类型(可选值由平台通用类型选项决定,如 primary、success 等)
truncatedboolean--是否显示省略号(超出容器时)
lineClampnumber--最大行数(配合省略号使用)
tagstring--文本标签(可选:ins / del / mark;支持取消选择)
colorstring--字体颜色
fontSizestring--字体大小(支持 CSS 单位,如 14px1rem
fontWeightstring--字体粗细(可选:lighter / normal / bold

高级属性

属性名类型默认值说明
textstring默认文本文本内容(可绑定)

组件事件

事件名说明
click文本点击时触发

注意事项

  • colorfontSizefontWeight 不通过 v-bind 透传给 el-text,而是合并为内联 style 注入,确保样式优先级;
  • truncatedtrue 且设置了 lineClamp 时,文本将在指定行数后截断并显示省略号(需容器有固定高度或限制);
  • lineClamp 仅在 truncated 启用时生效,底层依赖 -webkit-line-clamp 实现,兼容性限于现代浏览器。