SuperAPI AI 工具集

el-text

前端与建站

查看项目

更新于 10-15 23:32

技能介绍

el-text 是 Element Plus 提供的文本展示组件,用于在页面中呈现带样式的文本内容。

用途:展示普通或带语义色彩的文本、需要截断的文本,以及不同字号的文本。

主要能力:type 属性支持 primary、success、warning、danger、info 五种语义类型;size 支持 large、default、small;truncated 为布尔值,开启后超出容器宽度时以省略号截断(单行);line-clamp 接受字符串或数字,用于限制最大行数并多行省略;tag 可自定义渲染元素,默认 span,可改为 p、div 等语义标签。组件提供默认插槽,可嵌套使用实现行内混排。

使用方式:在模板中直接书写 <el-text>默认文本</el-text>,通过属性控制样式,例如 <el-text type="primary">、<el-text size="small">、<el-text truncated>、<el-text :line-clamp="2">、<el-text tag="p">。

适用场景:需要统一文本视觉风格、语义提示、长文本截断或行内混排的界面。

限制:资料未提供主题定制、事件、无障碍等更多细节;line-clamp 与 truncated 的具体浏览器兼容性暂未提供。