UniApp 组件 · 实验
UGText 文本
统一正文尺寸、语义色和截断行为的文本组件。
组件预览
以下画面来自同一组件源码的 H5 构建，用于检查内容、状态和主题；MP-WEIXIN 最终外观仍以开发者工具和真机为准。
使用方式
配置 easycom 后直接使用 <ug-text>，无需在页面脚本中导入组件。
vue
<template>
<ug-space direction="vertical" size="sm" align="stretch">
<ug-text size="lg" weight="semibold" block>页面标题</ug-text>
<ug-text tone="secondary" block>页面补充说明</ug-text>
<ug-text tone="danger" size="sm" block>操作失败，请稍后重试</ug-text>
</ug-space>
</template>
easycom 公开入口：@ug666/ui-uniapp/components/ug-text/ug-text.vue
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| tone | 'primary' | 'secondary' | 'danger' | 'primary' | 文字的语义色调。 |
| size | 'sm' | 'md' | 'lg' | 'md' | 文字尺寸。 |
| weight | 'regular' | 'medium' | 'semibold' | 'regular' | 文字字重。 |
| block | boolean | false | 是否按块级文字显示。 |
| selectable | boolean | false | 是否允许用户选择文字。 |
事件
当前组件没有公开事件。
注意事项
- Text 只表达文字视觉语义，不负责业务状态。
- 需要复杂富文本时使用对应平台的专用能力。
平台边界
总览中的画面来自同一组件源码的 H5 构建，只用于辅助浏览；小程序真实外观仍以 Demo 在微信开发者工具和真机中的结果为准。
MP-WEIXIN 已编译
开发者工具与真机待验证