UniApp Vue 3 组件目录

实验

组件总览

按分类浏览组件文档，快速找到适合当前场景的组件。

组件
19
分组
6
包名
@ug666/ui-uniapp

核心组件

跨应用复用的标准 UI 能力，按用途继续分组。

基础组件

操作、文本、图标和轻量状态标识等通用能力。

3 个
UGButton

按钮 · 基础组件

MP 编译
@ug666/ui-uniapp/components/ug-button/ug-button.vue
UGSeparator

分割线 · 基础组件

MP 编译
@ug666/ui-uniapp/components/ug-separator/ug-separator.vue
UGText

文本 · 基础组件

MP 编译
@ug666/ui-uniapp/components/ug-text/ug-text.vue

布局

组织间距、容器、分栏、滚动和元素叠放关系。

1 个
UGSpace

间距 · 布局

MP 编译
@ug666/ui-uniapp/components/ug-space/ug-space.vue

主题与配置

统一组件树的尺寸、状态和主题上下文。

1 个
UGConfigProvider

全局配置 · 主题与配置

MP 编译
@ug666/ui-uniapp/components/ug-config-provider/ug-config-provider.vue

表单输入

收集、校验和编辑用户输入。

6 个
UGInput

输入框 · 表单输入

MP 编译
@ug666/ui-uniapp/components/ug-input/ug-input.vue
UGTextarea

文本域 · 表单输入

MP 编译
@ug666/ui-uniapp/components/ug-textarea/ug-textarea.vue
UGCheckbox

复选框 · 表单输入

MP 编译
@ug666/ui-uniapp/components/ug-checkbox/ug-checkbox.vue
UGRadio

单选框 · 表单输入

MP 编译
@ug666/ui-uniapp/components/ug-radio/ug-radio.vue
UGSwitch

开关 · 表单输入

MP 编译
@ug666/ui-uniapp/components/ug-switch/ug-switch.vue
UGSlider

滑块 · 表单输入

MP 编译
@ug666/ui-uniapp/components/ug-slider/ug-slider.vue

数据展示

展示列表、对象详情、媒体、指标和数据状态。

6 个
UGCard

卡片 · 数据展示

MP 编译
@ug666/ui-uniapp/components/ug-card/ug-card.vue
UGBadge

徽标 · 数据展示

MP 编译
@ug666/ui-uniapp/components/ug-badge/ug-badge.vue
UGTag

标签 · 数据展示

MP 编译
@ug666/ui-uniapp/components/ug-tag/ug-tag.vue
UGProgress

进度条 · 数据展示

MP 编译
@ug666/ui-uniapp/components/ug-progress/ug-progress.vue
UGSkeleton

骨架屏 · 数据展示

MP 编译
@ug666/ui-uniapp/components/ug-skeleton/ug-skeleton.vue
UGEmptyState

空状态 · 数据展示

MP 编译
@ug666/ui-uniapp/components/ug-empty-state/ug-empty-state.vue

反馈与浮层

表达操作结果、加载状态、确认流程和临时上下文。

2 个
UGSpinner

加载指示器 · 反馈与浮层

MP 编译
@ug666/ui-uniapp/components/ug-spinner/ug-spinner.vue
UGAlert

提示 · 反馈与浮层

MP 编译
@ug666/ui-uniapp/components/ug-alert/ug-alert.vue