官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/
原生组件
小程序中的部分组件是由客户端创建的原生组件,这些组件有:
- camera
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
mode | string | normal | 否 | 应用模式,只在初始化时有效,不能动态变更,值为normal:相机模式,scanCode:扫码模式 |
device-position | string | back | 否 | 摄像头朝向,值为front:前置,back:后置 |
flash | string | auto | 否 | 闪光灯,值为auto:自动, on:打开, off:关闭,torch:常亮 |
frame-size | string | medium | 否 | 指定期望的相机帧数据尺寸,值为small:小尺寸帧数据,medium:中尺寸帧数据,large:大尺寸帧数据 |
bindstop | eventhandle | 否 | 摄像头在非正常终止时触发,如退出后台等情况 | |
binderror | eventhandle | 否 | 用户不允许使用摄像头时触发 | |
bindinitdone | eventhandle | 否 | 相机初始化完成时触发 | |
bindscancode | eventhandle | 否 | 在扫码识别成功时触发,仅在 mode=“scanCode” 时生效 |
视图容器
- cover-image:覆盖在原生组件之上的图片视图
- cover-view: 覆盖在原生组件之上的文本视图
- movable-area:movable-view的可移动区域
- movable-view:可移动的视图容器,在页面中可以拖拽滑动
- scroll-view:可滚动视图区域
- swiper:滑块视图容器
- swiper-item:仅可放置在swiper组件中,宽高自动设置为100%
- view:视图容器
基础内容
表单组件
- button:按钮
- checkbox:多选项目。
- checkbox-group:多项选择器,内部由多个checkbox组成。
- editor:富文本编辑器,可以对图片、文字进行编辑。
- form:表单。将组件内的用户输入的switch input checkbox slider radio picker 提交。
- input:输入框。该组件是原生组件,使用时请注意相关限制。
- label:用来改进表单组件的可用性。
- picker:从底部弹起的滚动选择器。
- picker-view:嵌入页面的滚动选择器。其中只可放置 picker-view-column组件,其它节点不会显示。
- picker-view-column:滚动选择器子项。仅可放置于picker-view中,其孩子节点的高度会自动设置成与picker-view的选中框的高度一致
- radio:单选项目。
- radio-group:单项选择器,内部由多个 radio 组成。
- slider:滑动选择器。
- switch:开关选择器。
- textarea:多行输入框。该组件是原生组件,使用时请注意相关限制。
导航
- functional-page-navigator:仅在插件中有效,用于跳转到插件功能页。
- navigator:页面链接。
媒体组件
- audio:音频。1.6.0版本开始,该组件不再维护。建议使用能力更强的 wx.createInnerAudioContext 接口
- camera:系统相机。扫码二维码功能,需升级微信客户端至6.7.3。需要用户授权 scope.camera。
- image:图片。支持JPG、PNG、SVG格式,2.3.0 起支持云文件ID。
- live-player:实时音视频播放。
- live-pusher:实时音视频录制。需要用户授权 scope.camera、scope.record。
- video:视频。
地图
- map:地图。
画布
- canvas:画布。
开放能力
- ad:Banner 广告。
- official-account:公众号关注组件。当用户扫小程序码打开小程序时,开发者可在小程序内配置公众号关注组件,方便用户快捷关注公众号,可嵌套在原生组件内。
- open-data:用于展示微信开放的数据。
- web-view:承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。