# 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' 文本类型,可选值:defaultprimarysuccesswarningdanger
size String 'medium' 文本大小,可选值:smallmediumlargexlarge
truncate Boolean false 是否截断文本
lines Number 1 截断的行数,仅在 truncate true 时有
bold Boolean false 是否加粗文本
italic Boolean false 是否斜体文本
underline Boolean false 是否下划线文
color String - 自定义文本颜

# Slots

名称 说明
default 文本内容

在线演示

扫码或点击链接在手机上查看完整演示

https://shadow-ui3-demo.nooko.cn/#/pages/functional/text/text