文本的常见操作
基础用法#
由 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 Button
API#
Attributes#
属性名 | 描述 | 类型 | 默认值 |
type | 类型 | enum |
— |
size | 大小 | enum |
default |
truncated | 显示省略号 | boolean |
false |
line-clamp 2.4.0 | 最大行数 | string / number |
- |
tag | 自定义元素标签 | string |
span |
Slots#
名称 | 详情 |
default | 默认内容 |