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