微信小程序三 组件

官方文档: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” 时生效

• canvas
• input
• live-player
• live-pusher
• map
• textarea
• video

视图容器

• 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组成。
• 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:承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。