Text 文本

文本组件，用于展示文本内容、控制类型、尺寸与省略等常见操作。

import { createApp } from 'vue'
import { ElText } from '@szhn/dh-design-pc'

const app = createApp()
app.use(ElText)

基础用法

通过 type 属性控制文本的语义类型，可选值为 primary、success、warning、danger、info。

尺寸

使用 size 属性控制文本尺寸，可选 large、default、small。

省略

通过 truncated 属性在超出容器宽度时显示省略号；通过 line-clamp 控制多行省略。

覆盖

tag 属性可自定义渲染的 HTML 标签，用于在语义上替换默认的 <span>。

混合使用

Text 可与 Link、Rate、Icon 等组件混合使用，保持一致的排版节奏。

API

Attributes

属性名	说明	类型	默认值
type	类型	primary / success / warning / danger / info	—
size	大小	large / default / small	default
truncated	显示省略号	boolean	false
line-clamp	最大行数	string / number	—
tag	自定义元素标签	string	span

Slots

名称	说明
default	默认内容

完整 API 参考 Element Plus Text。