组件列表

小程序中禁止使用script/link/iframe标签。

组件名称 解释
--- ---
view 视图容器，相当于 html 中的 div ，可将页面分割为独立的、不同的部分。如果需要使用滚动视图，请使用 scroll-view。
scroll-view 可滚动视图区域，可实现横向滚动和竖向滚动。使用竖向滚动时，需要给定一个固定高度，可以通过css来设置height。
swiper 滑块视图容器。内部只允许使用<swiper-item>组件描述滑块内容，否则会导致未定义的行为。
swiper-item 滑块视图容器子项，仅可放置在<swiper>组件中，宽高自动设置为100%。
movable-view 可移动的视图容器，在页面中可以拖拽滑动。movable-view必须在movable-area组件中，并且必须是直接子节点，否则不能移动。
movable-area 可移动视图区域，movable-view 的可移动区域
cover-view 文本视图，覆盖在原生组件之上，只支持嵌套cover-view、cover-image组件。
cover-image 图片视图，覆盖在原生组件之上可覆盖的原生组件同 cover-view，支持嵌套在 cover-view 里。
text 文本，放置文本的元素。
icon 图标，放置图标的元素。
progress 进度条
rich-text 富文本，nodes 属性推荐使用 Array 类型，由于组件会将 String 类型转换为 Array 类型，因而性能会有所下降。
animation-view Lottie动画组件，客户端创建的原生组件，使用时请注意相关限制。
animation-video 为智能小程序提供了将特定视频资源渲染为透明背景动效的能力，可以帮助开发者低成本实现更为沉浸，丰富的动画效果。
button 按钮
form 表单，将 form 组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/>提交。当点击<form/>表单中 form-type 为 submit 的 <button/>组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。
label 表单组件标签，为鼠标用户改进表单的可用性。使用 for 属性找到对应的 id（必须写for），当点击时，就会触发对应的控件。
input 输入框，v3.105.0 开始支持同层渲染。
textarea 多行输入框，客户端创建的原生组件，不支持嵌套在其它组件中使用。
checkbox 多选项目
checkbox-group 多选项目组，内部由多个 checkbox 组成。
radio 单选项目
radio-group 单选项目组，内部由多个radio组成。
switch 开关选择器
slider 滑动选择器
picker-view 可嵌页面的滚动选择器
picker-view-column 可嵌页面的滚动选择器子项，仅可放置于<picker-view />中，其孩子节点的高度会自动设置成与 picker-view 的选中框的高度一致。
picker 底部弹起的滚动选择器
navigator 页面导航，控制小程序的跳转，既可在当前小程序内部进行跳转，也可跳转至其他小程序。
tabs 标签栏，用于让用户在不同的视图中进行切换。
tab-item 标签栏子项，配合 tabs 一起使用，展示标签栏栏内单个 tab 内容
image 图片，image 组件默认宽度 300px、高度 225px。
audio 音频
video 视频，v3.70.0 开始支持同层渲染。
camera 相机，使用该组件需通过获取用户权限设置申请授权后方可对用户发起授权申请，可在需授权接口列表中查看相关错误码信息。
ar-camera AR 相机，在 DuMixAR 内容开放平台提交并上线AR项目后（选择“百度App-相机”渠道）获取到AR Key、AR Type，可配置展现。
live-player 实时视频播放器，客户端创建的原生组件，使用时请注意相关限制。
map 地图，客户端创建的原生组件，使用时请注意相关限制。
canvas 画布，一个矩形区域，开发者可以在页面上绘制图形。canvas 拥有多种绘制路径、矩形、图形、字符以及添加图像的方法。
open-data 开放数据，用于展示百度 App 开放的数据。
web-view 网页容器，web-view 组件是一个可以用来承载网页的容器，会自动铺满整个智能小程序页面。
ad 广告组件，按照流量主开通指引中的操作获取广告组件代码。