组件总览
WARNING
请注意,当前域名 https://dev.weixin.qq.com/docs/framework
文档已不维护,请前往微信文档中心 找到对应的新文档继续使用
- 通用组件的文档详情可前往小程序组件中心查看
视图容器
名称 | 功能说明 | 备注 |
---|---|---|
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」勾上
名称 | 功能说明 | 备注 |
---|---|---|
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 | 页面属性配置节点,用于指定页面的一些属性、监听页面事件 | 支持 |