文本的常见操作
基础用法#
由 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 | 默认内容 |