# ui-text 增强型文本组
版本:v2.3.11
增强型文本组件用于显示文本,支持自定义样式、截断、高亮等功能
# 基本使用
<template>
<div class="text-demo">
<ui-text type="primary" size="large">这是一段主要文/ui-text>
<ui-text type="success">这是一段成功文/ui-text>
<ui-text truncate>这是一段需要截断的长文本,用于测试文本截断功能。这是一段需要截断的长文本,用于测试文本截断功能/ui-text>
</div>
</template>
<style scoped>
.text-demo {
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
}
</style>
# Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
type | String | 'default' | 文本类型,可选值:default、primary、success、warning、danger |
size | String | 'medium' | 文本大小,可选值:small、medium、large、xlarge |
truncate | Boolean | false | 是否截断文本 |
lines | Number | 1 | 截断的行数,仅在 truncate true 时有 |
bold | Boolean | false | 是否加粗文本 |
italic | Boolean | false | 是否斜体文本 |
underline | Boolean | false | 是否下划线文 |
color | String | - | 自定义文本颜 |
# Slots
| 名称 | 说明 |
|---|---|
default | 文本内容 |