# 组件总览

# 一、视图容器

名称 功能说明 备注
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 视图容器 支持

# 二、基础内容

名称 功能说明 备注
icon 图标组件 支持
progress 进度条 支持
rich-text 富文本 支持
text 文本 支持

# 三、表单组件

名称 功能说明 备注
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」
名称 功能说明 备注
audio 音频 已废弃
camera 系统相机 支持
image 图片 支持,但是长按识别的功能尚不支持
live-player 实时音视频播放(v2.9.1 起支持同层渲染 Android 已支持,SDK 需 ≥ 1.2.9
live-pusher 实时音视频录制(v2.9.1 起支持同层渲染 Android 已支持,SDK 需 ≥ 1.2.10
video 视频(v2.4.0 起支持同层渲染 支持
voip-room 多人音视频对话 暂不支持

# 六、地图

  • 说明:Map 组件,需配置 LBS SDK ,且需前往腾讯位置服务平台注册开发者账号并创建应用 Key,详情可查看位置服务使用指南
名称 功能说明 备注
map 地图(v2.7.0 起支持同层渲染 支持

# 七、画布

名称 功能说明 备注
canvas 画布 支持

# 八、开放能力

名称 功能说明 备注
web-view 承载网页的容器 支持,且无需进行域名配置和校验
ad Banner 广告 暂不支持
ad-custom 原生模板 广告 暂不支持
official-account 公众号关注组件 暂不支持
open-data 用于展示微信开放的数据 暂不支持

# 九、原生组件说明

名称 功能说明 备注
native-component 小程序中的部分组件是由客户端创建的原生组件 支持

# 十、无障碍访问

名称 功能说明 备注
aria-component 满足视障人士对于小程序的访问需求 暂不支持

# 十一、导航栏

名称 功能说明 备注
navigation-bar 页面导航条配置节点,用于指定导航栏的一些属性 支持

# 十二、页面属性配置节点

名称 功能说明 备注
page-meta 页面属性配置节点,用于指定页面的一些属性、监听页面事件 支持