mirror of
https://github.com/ialley-workshop-open/uni-halo.git
synced 2026-09-13 00:50:40 +08:00
小莫唐尼UniApp 组件参考文档
本文档提供 uni-app 组件的详细说明和快速导航。每个组件都有独立的文档文件，包含组件概述、属性、事件、平台兼容性、使用示例和官方文档链接。
注意：
- 组件文档已按类型分类：内置组件位于
built-in/目录，**扩展组件（uni-ui）**位于uni-ui/目录 - 每个组件都有独立的文档文件（
.md），格式参考block.md - 详细文档和示例：每个组件文档都包含官方文档链接
- uni-ui 组件示例代码：见
examples/uni-ui/目录（每个组件都有独立的 .vue 示例文件）
组件分类索引
1. 内置组件（Built-in Components）
uni-app 提供的基础组件，无需安装即可使用。文档位于 built-in/ 目录。
视图容器
- view - 视图容器，类似于 HTML 中的 div
- scroll-view - 可滚动视图容器
- swiper - 滑块视图容器，用于轮播图
- match-media - 屏幕动态适配组件
- movable-area - 可拖动区域
- movable-view - 可移动的视图容器
- cover-view - 可覆盖在原生组件上的文本组件
- cover-image - 可覆盖在原生组件上的图片组件
基础内容
表单组件
- button - 按钮组件
- checkbox - 多项选择器
- editor - 富文本输入框
- form - 表单组件
- input - 输入框组件
- label - 标签组件
- picker - 弹出式列表选择器
- picker-view - 窗体内嵌式列表选择器
- radio - 单项选择器
- slider - 滑动选择器
- switch - 开关选择器
- textarea - 多行文本输入框
导航组件
- navigator - 页面链接，类似于 HTML 中的 a 标签
媒体组件
- audio - 音频组件
- camera - 相机组件
- image - 图片组件
- video - 视频组件
- live-player - 直播播放组件
- live-pusher - 实时音视频录制（直播推流）组件
其他组件
- map - 地图组件
- canvas - 画布组件
- web-view - web 浏览器组件
- ad - 广告组件
- ad-draw - 沉浸视频流广告组件
- custom-tab-bar - 底部 tabbar 自定义组件
- navigation-bar - 页面顶部导航
- page-meta - 页面属性配置节点
- unicloud-db - uniCloud 数据库访问和操作组件
2. 扩展组件（uni-ui）
uni-ui 是 DCloud 官方提供的跨端 UI 库，包含 40+ 个常用组件，需要从插件市场安装。文档位于 uni-ui/ 目录。
基础组件
- uni-badge - 数字角标组件
- uni-icons - 图标组件
- uni-tag - 标签组件
- uni-link - 超链接组件
- uni-section - 标题栏组件
布局组件
导航组件
- uni-nav-bar - 自定义导航栏组件
- uni-breadcrumb - 面包屑组件
数据展示组件
- uni-card - 卡片组件
- uni-list - 列表组件
- uni-indexed-list - 索引列表组件
- uni-table - 表格组件
- uni-load-more - 加载更多组件
- uni-pagination - 分页器组件
数据录入组件
- uni-easyinput - 增强输入框组件
- uni-number-box - 数字输入框组件
- uni-forms - 表单组件
- uni-data-checkbox - 数据选择器组件
- uni-data-picker - 级联选择器组件
- uni-data-select - 下拉框组件
- uni-combox - 组合框组件
日期时间组件
- uni-calendar - 日历组件
- uni-datetime-picker - 日期选择器组件
- uni-dateformat - 日期格式化组件
反馈组件
- uni-popup - 弹出层组件
- uni-drawer - 抽屉组件
- uni-notice-bar - 通告栏组件
- uni-tooltip - 文字提示组件
操作反馈组件
- uni-rate - 评分组件
- uni-fav - 收藏按钮组件
- uni-fab - 悬浮按钮组件
- uni-swipe-action - 滑动操作组件
其他组件
- uni-collapse - 折叠面板组件
- uni-countdown - 倒计时组件
- uni-search-bar - 搜索栏组件
- uni-segmented-control - 分段器组件
- uni-steps - 步骤条组件
- uni-swiper-dot - 轮播图指示点组件
- uni-transition - 过渡动画组件
- uni-file-picker - 文件选择上传组件
- uni-goods-nav - 商品导航组件
文档结构说明
每个组件文档文件（.md）包含以下内容：
- 概述：组件简介和用途说明
- 属性：组件的所有属性说明（含类型、默认值、说明）
- 事件：组件支持的所有事件
- 插槽：组件支持的插槽（如果有）
- 平台兼容性：各平台支持情况
- 使用示例：基础用法和更多示例
- 参考资源：官方文档链接、插件市场链接（uni-ui）、本地示例链接（uni-ui）
使用说明
- 查找组件：根据组件分类查找对应的文档文件
- 查看详细文档：点击组件名称链接查看完整的组件文档
- 查看示例：uni-ui 组件有完整的示例代码在
examples/uni-ui/目录 - 访问官方文档：每个组件文档都包含官方文档链接，可获取最新信息