组件

视图容器

名称 功能说明
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组成
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 实时音视频播放
live-pusher 实时音视频录制
video 视频

地图

名称 功能说明
map 地图

画布

名称 功能说明
canvas 画布

开放能力

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

原生组件说明

名称 功能说明
native-component ## 原生组件

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

原生组件的使用限制

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

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

无妨碍访问

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

个结果 ""

    没有找到相关内容 ""