视图容器
名称 | 功能说明 |
---|---|
movable-view | 可移动的视图容器,在页面中可以拖拽滑动 |
cover-image | 覆盖在原生组件之上的图片视图 |
cover-view | 覆盖在原生组件之上的文本视图 |
match-media | media query 匹配检测节点 |
movable-area | movable-view的可移动区域 |
scroll-view | 可滚动视图区域 |
swiper | 滑块视图容器 |
swiper-item | 仅可放置在swiper组件中,宽高自动设置为100% |
view | 视图容器 |
基础内容
名称 | 功能说明 |
---|---|
icon | 图标 |
progress | 进度条 |
rich-text | 富文本 |
text | 文本 |
表单组件
名称 | 功能说明 |
---|---|
button | 按钮 |
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 | 页面链接 |
媒体组件
名称 | 功能说明 |
---|---|
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 | 页面属性配置节点,用于指定页面的一些属性、监听页面事件 |