组件列表
基础内容
组件名称 | 解释 |
---|---|
图标。放置图标的元素 | |
progress | 进度条 |
富文本。nodes 属性推荐使用 Array 类型,由于组件会将 String 类型转换为 Array 类型,因而性能会有所下降 | |
text | 文本。放置文本的元素 |
表单组件
组件名称 | 解释 |
---|---|
按钮 | |
checkbox | 多选项目 |
多选项目组。内部由多个 checkbox 组成 | |
form | 表单。将 form 组件内用户输入 / 选择的、<input> 、<checkbox> 、、<radio> 、<picker> 提交。当表单中 form-type 为 submit 时,点击的<button> 组件会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key |
输入框。v3.105.0 开始支持同层渲染 | |
表单组件标签。用来改进表单的可用性,使用 for 属性找到对应的 id(必须写 for),当点击时,就会触发对应的控件 | |
picker | 底部弹起的滚动选择器 |
可嵌页面的滚动选择器 | |
picker-view-column | 可嵌页面的滚动选择器子项。仅可放置于<picker-view /> 中,其孩子节点的高度会自动设置成与 picker-view 的选中框的高度一致 |
单选项目 | |
radio-group | 单选项目组。内部由多个 radio 组成 |
滑动选择器 | |
switch | 开关选择器 |
多行输入框。v3.140.1 起支持同层渲染,内部不支持嵌套其他组件 |
媒体组件
组件名称 | 解释 |
---|---|
为智能小程序提供了将特定视频资源渲染为透明背景动效的能力,可以帮助开发者低成本实现更为沉浸,丰富的动画效果 | |
animation-view | Lottie 动画组件。客户端创建的,使用时请注意相关限制 |
audio | 音频 |
相机。使用该组件需通过获取用户授权设置申请授权后方可对用户发起授权申请,可在 中查看相关错误码信息 | |
ar-camera | AR 相机。在 提交并上线 AR 项目后(选择“百度 App-相机”渠道)获取到 AR Key、AR Type,可配置展现,基础库 3.15.104 开始支持 |
image | 图片。image 组件默认宽度 300px、高度 225px |
实时视频播放器。客户端创建的原生组件,使用时请注意相关限制,v3.140.1 起支持 | |
video | 视频。v3.70.0 开始支持 |
rtc-room | 实时音视频通话房间。v3.200.0 开始支持 |
实时音视频通话画面。v3.200.0 开始支持,默认为同层渲染 |
地图
组件名称 | 解释 |
---|---|
地图。客户端创建的原生组件,使用时请注意相关限制 |
开放能力
组件名称 | 解释 |
---|---|
广告组件。按照流量主开通指引中的操作获取广告组件代码 | |
开放数据。用于展示百度 App 开放的数据 | |
web-view | 网页容器。web-view 组件是一个可以用来承载网页的容器,会自动铺满整个智能小程序页面 |
内容服务组件
组件名称 | 解释 |
---|---|
点赞。支持将用户对文章/评论的点赞行为同步给百度后端,实现对点赞对象(若此对象的文章/评论是在小程序内用评论组件生产)的消息通知。需要将点赞对象的文章/评论内容一起提交 | |
follow-swan | 关注小程序 button 组件可帮助开发者实现用户对小程序的关注。用户通过本组件“关注小程序”后,可以在“百度 APP” - “我的”中找到我的小程序 |
一站式互动组件。为开发者提供一整套包含评论发布器、评论列表及详情、点赞、转发功能的互动 bar 能力,此外还提供数据存储、数据内容审核、用户接收百度 APP 消息通知的一站式组件服务 | |
comment-list | 一站式互动组件的评论列表组件。可单独使用 |
一站式互动组件的评论详情组件。需与列表组件搭配使用 |