官方文檔: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:承載網頁的容器。會自動鋪滿整個小程序頁面，個人類型的小程序暫不支持使用。