Text

文本的常见操作

基础用法

type 属性来选择 Text 的类型。

DefaultPrimarySuccessInfoWarningDanger

尺寸

使用 size 属性配置尺寸,可选的尺寸大小有: large, defaultsmall

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默认内容

源代码

组件样式文档

贡献者