2021最新微信小程序组件功能说明参考文档

本章为小程序框架配置、框架接口、WXML 和 WXS 等的参考文档，关于组件和 API 的详细参考文档请参见：

微信小程序视图容器名称功能说明

cover-image 覆盖在原生组件之上的图片视图 
cover-view 覆盖在原生组件之上的文本视图 
match-media media query 匹配检测节点 
movable-area movable-view的可移动区域 
movable-view 可移动的视图容器，在页面中可以拖拽滑动 
scroll-view 可滚动视图区域 
swiper 滑块视图容器 
swiper-item 仅可放置在swiper组件中，宽高自动设置为100% 

view 视图容器

基础内容:

icon 图标 
progress 进度条 
rich-text 富文本 
text 文 

表单组件名称功能说明:

button 按钮 
checkbox 多选项目 
checkbox-group 多项选择器，内部由多个checkbox组成 
editor 富文本编辑器，可以对图片、文字进行编辑 
form 表单 
input 输入框 
label 用来改进表单组件的可用性 
picker 从底部弹起的滚动选择器 
picker-view 嵌入页面的滚动选择器 
picker-view-column 滚动选择器子项 
radio 单选项目 
radio-group 单项选择器，内部由多个 radio 组成 
slider 滑动选择器 
switch 开关选择器 
textarea 多行输入框 

导航功能说明:

functional-page-navigator 仅在插件中有效，用于跳转到插件功能页 
navigator 页面链接

媒体组件功能说明:

audio 音频 
camera 系统相机 
image 图片 
live-player 实时音视频播放（v2.9.1 起支持同层渲染） 
live-pusher 实时音视频录制（v2.9.1 起支持同层渲染） 
video 视频（v2.4.0 起支持同层渲染） 
voip-room 多人音视频对话 

地图名称功能说明
map 地图（v2.7.0 起支持同层渲染） 

画布名称功能说明
canvas 画布

开放能力名称功能说明
web-view 承载网页的容器 
ad Banner 广告 
ad-custom 原生模板 广告 
official-account 公众号关注组件 
open-data 用于展示微信开放的数据 

原生组件名称功能说明:

native-component ## 原生组件 

小程序中的部分组件是由客户端创建的原生组件，这些组件有：
camera
canvas
input（仅在focus时表现为原生组件）
live-player
live-pusher
map
textarea
video
原生组件的使用限制
由于原生组件脱离在 WebView 渲染流程外，因此在使用时有以下限制：
原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上

无障碍访问名称功能说明
aria-component ## 无障碍访问 
为了更好地满足视障人士对于小程序的访问需求，基础库自2.7.1起，支持部分ARIA标签 

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

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