t-view

View 视图

组件介绍

t-view 是 TUI 框架的核心基础组件，编译器会先将其编译为 view 后提交给 uni-app 官方编译器。所有 TUI 组件的公共事件、方法、主题处理均由 t-view 统一处理，是 TUI 风格主题扩展适配的基础。

平台兼容

Harmony	H5	Android	iOS	小程序	UTS
✅	✅	✅	✅	✅	✅

组件说明

t-view 是 TUI 框架的内部核心组件，主要用于：

1. 统一事件处理：所有 TUI 组件的触摸事件、点击事件都通过 t-view 统一处理
2. 主题适配：TUI 风格主题的扩展适配需要用到它简化代码
3. 编译转换：TUI 编译器会先将 t-view 转换为原生 view 再提交给 uni-app

使用建议

普通开发者通常不需要直接使用 t-view 组件，因为：

• 所有 TUI 组件内部都已经封装了 t-view 的功能
• 直接使用 view 标签配合 TUI 的样式类即可满足大部分需求
• t-view 的编译逻辑复杂，建议参考各组件的实际用法

示例用法

<template>
  <!-- 普通场景直接使用 view 即可 -->
  <view class="tbg-primary tfg-white p-20">
    <text>普通 view 配合 TUI 样式类</text>
  </view>
  
  <!-- 特殊场景可能需要 t-view -->
  <t-view is="scroll-view" class="custom-scroll">
    <!-- 内容 -->
  </t-view>
</template>