组件

版本:v2.21.0 更新:2021 年 12 月 25 日

视图容器

名称	功能说明
cover-image	覆盖在原生组件之上的图片视图
cover-view	覆盖在原生组件之上的文本视图
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	多项选择器，内部由多个checkbox组成
form	表单
input	输入框
label	用来改进表单组件的可用性
picker	从底部弹起的滚动选择器
picker-view	嵌入页面的滚动选择器
picker-view-column	滚动选择器子项
radio	单选项目
radio-group	单项选择器，内部由多个 <radio> 组成
slider	滑动选择器
switch	开关选择器
textarea	多行输入框

导航

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

媒体

名称	功能说明
image ☁️	图片
audio 🗑	音频
video ☁️	视频
live-pusher	实时音视频录制
live-player	实时音视频播放
camera	系统相机

地图

名称	功能说明
map	地图

画布

名称	功能说明
canvas	画布

开放能力

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

原生组件说明

名称	功能说明
原生组件	## 原生组件

小程序中的部分组件是由客户端创建的原生组件，这些组件有：

• camera

• canvas

• input（仅在focus时表现为原生组件）

• live-player

• live-pusher

• map

• textarea

• video

原生组件的使用限制

由于原生组件脱离在 WebView 渲染流程外，因此在使用时有以下限制：

• 原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上

无妨碍访问

名称	功能说明
aria-component	## 无障碍访问

2.5.0 新版功能: 为了更好地满足视障人士对于小程序的访问需求，支持部分ARIA标签