官方組件文檔：https://developers.weixin.qq.com/miniprogram/dev/component/
微信小程序內置了很多組件，開發中可以直接使用他們來展示響應的內容
1.視圖容器 view
類似於web中的div，不過他有一些內置的屬性
- hover-class：指定按下去的樣式類。當 hover-class="none" 時，沒有點擊態效果
<view hover-class="box"> {{msg}} </view>
當手指按下去時，這個容器會有box這個樣式類的效果
-
其他屬性
2.text
類似於web中的span，他是個行內標簽。擁有一些內置的屬性
- selectable：能否被選中。默認false
<view > <text selectable>{{msg}}</text> </view> <view > <text>{{title}}</text> </view>
space：設置空格的大小，他有3個值：
ensp：空格大小=中文字符大小的一半
emsp：空格大小=中文字符的大小
nbsp：正常顯示，就相當於<pre>標簽，不會將多個空格當一個空格顯示
<view > <text decode>空 白</text> </view> <view > <text>空三個格白</text> </view> <view > <text space="ensp">空 白(中間6個空格)</text> </view> <view > <text space="emsp">空 白(中間3個空格)</text> </view> <view > <text space="nbsp">空 白(中間3個空格)</text> </view>
3.image
圖片。支持JPG、PNG、SVG格式
這個標簽默認大小是320*240
屬性：
- src：圖片路徑
- lazy-load：是否開啟圖片懶加載，在即將進入一定范圍（上下三屏）時才開始加載，默認false
- binderror：當錯誤發生時觸發
- bindload：當圖片載入完畢時觸發
- mode：圖片裁剪、縮放的模式
mode的值：
scaleToFill：默認。即改變圖片寬高比來完全適應容器
aspectFit：縮放模式，保持圖片寬高比縮放圖片，使長邊大小與對應的容器的邊相等，此時短邊不能完全填充容器
aspectFill：縮放模式，保持圖片寬高比縮放圖片，使短邊大小與對應的容器的邊相等，此時長邊會超出容器
widthFix：縮放模式，寬度不變，高度自動變化，保持原圖寬高比不變
top：裁剪模式，不縮放圖片，如果圖片大小超出容器，則只顯示圖片的頂部區域
bottom：同上，只顯示底部區域
center：同上，只顯示中間區域
left：同上，只顯示圖片的左邊區域
right ：同上，只顯示圖片的右邊區域
top left：同上，只顯示圖片的左上邊區域
top right：同上，只顯示圖片的右上邊區域
bottom lef：同上，只顯示圖片的左下邊區域
bottom right：同上，只顯示圖片的右下邊區域
覆蓋在原生組件之上的文本視圖。
可覆蓋的原生組件包括 map、video、canvas、camera、live-player、live-pusher
只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。組件屬性的長度單位默認為px，2.4.0起支持傳入單位(rpx/px)。
5、cover-image
覆蓋在原生組件之上的圖片視圖。可覆蓋的原生組件同
cover-view，支持嵌套在
cover-view里。
6、scroll-view
可滾動視圖區域。使用豎向滾動時，需要給scroll-view一個固定高度，通過 WXSS 設置 height。