# 组件总览
- 通用组件的文档详情可前往小程序组件中心查看
# 一、视图容器
| 名称 | 功能说明 | 备注 |
|---|---|---|
| cover-image | 覆盖在原生组件之上的图片视图 | 已废弃 |
| cover-view | 覆盖在原生组件之上的文本视图 | 支持 |
| match-media | media query 匹配检测节点 | 支持 |
| movable-area | movable-view 的可移动区域 | 支持 |
| movable-view | 可移动的视图容器,在页面中可以拖拽滑动 | 支持 |
| page-container | 页面容器 | 支持 |
| root-portal | 使整个子树从页面中脱离出来,类似于在 CSS 中使用 fixed position 的效果 | 支持 |
| scroll-view | 可滚动视图区域 | 支持 |
| share-element | 共享元素 | 支持 |
| swiper | 滑块视图容器 | 支持 |
| swiper-item | 仅可放置在 swiper 组件中,宽高自动设置为 100% | 支持 |
| view | 视图容器 | 支持 |
# 二、基础内容
# 三、表单组件
| 名称 | 功能说明 | 备注 |
|---|---|---|
| button | 按钮 | 支持,但 open-type 涉及的微信开放能力中,仅支持 open-type=share |
| checkbox | 多选项目 | 支持 |
| checkbox-group | 多项选择器,内部由多个 checkbox 组成 | 支持 |
| editor | 富文本编辑器,可以对图片、文字进行编辑 | 支持 |
| form | 表单 | 支持 |
| input | 输入框 | 支持 |
| keyboard-accessory | 设置 input/textarea 聚焦时键盘上方 cover-view/cover-image 工具栏视图 | 暂不支持 |
| label | 用来改进表单组件的可用性 | 支持 |
| picker | 从底部弹起的滚动选择器 | 支持 |
| picker-view | 嵌入页面的滚动选择器 | 支持 |
| picker-view-column | 滚动选择器子项 | 支持 |
| radio | 单选项目 | 支持 |
| radio-group | 单项选择器,内部由多个 radio 组成 | 支持 |
| slider | 滑动选择器 | 支持 |
| switch | 开关选择器 | 支持 |
| textarea | 多行输入框 | 支持 |
# 四、导航
| 名称 | 功能说明 | 备注 |
|---|---|---|
| functional-page-navigator | 仅在插件中有效,用于跳转到插件功能页 | 不支持 |
| navigator | 页面链接 | 支持 |
# 五、媒体组件
- 在 Android 端使用 camera 组件,需勾选「XWeb Embed SDK」或者「XWeb SDK」
- 在 Android 端使用 camera 组件的 scancode 模式,还需勾选 「Scanner SDK」
- 使用 live-player 和 live-pusher 组件需要勾选 「Live SDK」(如果开发者工具上没看到该扩展 SDK ,请将开发者工具升级到最新)
- 使用「Live SDK」时,还需配置 LiveLicenseUrl 和 LiveLicenseKey,详细操作可查看live-player 与 live-pusher 使用说明
- 使用下方组件能力需勾选 Media SDK
| 名称 | 功能说明 | 备注 |
|---|---|---|
| audio | 音频 | 已废弃 |
| camera | 系统相机 | 支持 |
| image | 图片 | 支持,但是长按识别的功能尚不支持 |
| live-player | 实时音视频播放(v2.9.1 起支持同层渲染 ) | Android SDK 需 ≥ 1.2.9 ; iOS SDK 需 >= 1.6.3 |
| live-pusher | 实时音视频录制(v2.9.1 起支持同层渲染) | Android SDK 需 ≥ 1.2.10 ; iOS SDK 需 >= 1.6.3 |
| video | 视频(v2.4.0 起支持同层渲染) | 支持,需要勾选 Media SDK 详情可查看video适配说明 |
| voip-room | 多人音视频对话 | 暂不支持 |
# 六、地图
- 说明:Map 组件,需配置 LBS SDK ,且需前往腾讯位置服务平台注册开发者账号并创建应用 Key,详情可查看位置服务使用指南
# 七、画布
| 名称 | 功能说明 | 备注 |
|---|---|---|
| canvas | 画布 | 支持 |
# 八、开放能力
| 名称 | 功能说明 | 备注 |
|---|---|---|
| web-view | 承载网页的容器 | 支持,且无需进行域名配置和校验;但是 JSSDK >= 1.6.2 |
| ad | 广告 | 已支持激励广告、视频流广告、banner 广告,点此查看使用指南 |
| ad-custom | 原生模板 广告 | 暂不支持 |
| official-account | 公众号关注组件 | 暂不支持 |
| open-data | 用于展示微信开放的数据 | 暂不支持 |
# 九、原生组件说明
| 名称 | 功能说明 | 备注 |
|---|---|---|
| native-component | 小程序中的部分组件是由客户端创建的原生组件 | 支持 |
# 十、无障碍访问
| 名称 | 功能说明 | 备注 |
|---|---|---|
| aria-component | 满足视障人士对于小程序的访问需求 | 暂不支持 |
# 十一、导航栏
| 名称 | 功能说明 | 备注 |
|---|---|---|
| navigation-bar | 页面导航条配置节点,用于指定导航栏的一些属性 | 支持 |
# 十二、页面属性配置节点
| 名称 | 功能说明 | 备注 |
|---|---|---|
| page-meta | 页面属性配置节点,用于指定页面的一些属性、监听页面事件 | 支持 |