Text ​

文本的常见操作

基础用法 ​

由 type 属性来选择 Text 的类型。

DefaultPrimarySuccessInfoWarningDanger

尺寸 ​

使用 size 属性配置尺寸，可选的尺寸大小有: large, default 或 small

LargeDefaultSmall

省略 ​

通过 truncated 属性，在文本超过视图或最大宽度设置时展示省略符。 通过 line-clamp 属性控制多行的样式

Self element set width 100px
Squeezed by parent element
The -webkit-line-clamp CSS property
allows limiting of the contents of
a block to the specified number of lines.

覆盖 ​

使用属性 tag 覆盖元素

span

This is a paragraph.

Bold
Italic
This is subscript
This is superscript
Inserted
Deleted
Marked

混合使用 ​

混合使用 Text 组件

Element-Plus
Rate
This is text mixed icon and component

API ​

Attributes ​

属性名描述类型默认值
type类型enum—
size大小enumdefault
truncated显示省略号booleanfalse
line-clamp 2.4.0最大行数string / number—
tag自定义元素标签stringspan

Slots ​

名称详情
default默认内容

源代码 ​

组件 • 样式 • 文档

贡献者 ​