# Title 标题 3.4.47

u-title 组件用于展示标题文本,通常用于页面区块标题,提供默认的前缀标识样式。

# 平台差异说明

App(vue) App(nvue) H5 小程序

# 基本使用

通过默认插槽设置标题内容:

<u-title>这里是标题</u-title>

# 自定义前缀

使用 [prefix] 插槽自定义前缀标识:

<u-title>
  <template #prefix>
    <view class="custom-prefix"></view>
  </template>
  带自定义前缀的标题
</u-title>

# 组合使用

<u-title class="custom-title">
  <u-icon name="bell" size="18"></u-icon>
  带图标的标题
</u-title>

# 右侧演示页面源代码地址

点击以下链接以查看右侧演示页面的源码


 github  gitee

# API

# Props

参数 说明 类型 默认值 可选值
- 当前组件无props - - -

# Slots

名称 说明
default 标题文本内容
prefix 标题前缀内容

# Event

事件名 说明 回调参数
- 当前组件无事件 -

### 组件特点说明:
1. **简洁性**:组件仅包含基础标题展示能力,通过 [prefix]插槽支持自定义前缀
2. **样式定制**:
   - 默认前缀样式通过 `.u-title-prefix` 类控制(宽度4px/高度18px/主色背景)
   - 可通过覆盖 `u-title` 类实现整体样式定制
3. **无状态**:组件不包含业务逻辑,仅为展示型组件
4. **跨平台**:兼容所有 uni-app 支持平台