本文介紹text虏两、view喊衫、image、scroll-view跟磨、swiper间聊、cover-view、cover-image
在.wxml里面寫HTML標(biāo)簽
在.wxss里面寫CSS樣式
EventHandle 是觸發(fā)事件類抵拘，需要寫在.js里面
小程序所列出的屬性哎榴，要寫在.wxml標(biāo)簽里面，不能寫在.wxss里面
text
在HTML中我們想放文字僵蛛，可以使用span標(biāo)簽來存放尚蝌，在小程序中，對應(yīng)的我們可以使用text標(biāo)簽來存放文字
使用<text>text里面內(nèi)容</text>
view
在HTML中我們一般使用div來進行控件的劃分充尉，在小程序中飘言，對應(yīng)的我們可以使用view來進行控件的劃分
使用：<view>view里面的文字</view>
view的布局方式和HTML中的div布局是一樣的，但是在移動端增加了flex布局喉酌，flex布局將在下次課程中介紹
image
image標(biāo)簽和HTML中的img標(biāo)簽是一樣热凹，都是用來加載圖片的標(biāo)簽
<image src="圖片的路徑"></image>
或者<image src="圖片的路徑" />
小程序為image標(biāo)簽增加了mode屬性，來控制圖片在image標(biāo)簽中的填充方式泪电。
mode常用效果演示
scroll-view
當(dāng)我們需要滑動的視圖容器的時候般妙，就可以使用scroll-view標(biāo)簽
<scroll-view>里面的內(nèi)容<scroll-View>
常用屬性
| 屬性名 | 類型 | 說明 |
|---|---|---|
| scroll-x | Boolean | 允許橫向滾動 |
| scroll-y | Boolean | 允許縱向滾動 |
| bindscrolltoupper | EventHandle | 滾動到頂部/左邊，會觸發(fā) scrolltoupper 事件 |
| bindscrolltolower | EventHandle | 滾動到底部/右邊相速，會觸發(fā) scrolltolower 事件 |
| upper-threshold | Number | 距頂部/左邊多遠(yuǎn)時（單位px）碟渺，觸發(fā) scrolltoupper 事件 |
| lower-threshold | Number | 距底部/右邊多遠(yuǎn)時（單位px），觸發(fā) scrolltolower 事件 |
注意：scroll-view必須指定高度突诬，且里面的內(nèi)容必須大于scroll-view才可以滑動
swiper
swiper與scroll-view一樣都是滑動的視圖容器苫拍，所不同的是sroll-view是不會分頁和自動滾動的，而swiper是分頁的旺隙，且swiper是可以自動滾動的绒极。一般我們使用swiper來做Banner圖效果
使用
<swiper>
<swiper-item>
每一個swiper-item里面的內(nèi)容可以隨意寫，會自動設(shè)置寬度為100%
</swiper-item>
<swiper-item>
每一個swiper-item里面的內(nèi)容可以隨意寫蔬捷，會自動設(shè)置寬度為100%
</swiper-item>
</swiper>
常用屬性
| 屬性名 | 類型 | 說明 |
|---|---|---|
| indicator-dots | Boolean | 是否顯示面板指示點 |
| indicator-color | Color | 指示點顏色 |
| indicator-active-color | Color | 當(dāng)前選中的指示點顏色 |
| autoplay | Boolean | 是否自動切換 |
| interval | Number | 自動切換時間間隔 |
| duration | Number | 滑動動畫時長 |
| circular | Boolean | 是否采用銜接滑動 |
| vertical | Boolean | 滑動方向是否為縱向 |
| bindchange | EventHandle | current 改變時會觸發(fā) change 事件垄提，event.detail = {current: current, source: source} |
cover-view、cover-image
這兩個用法與view和image用法一樣周拐，不同的地方是
當(dāng)我們的頁面中有地圖的時候铡俐，地圖會覆蓋所有的控件，但是不會覆蓋cover-view妥粟、cover-image审丘，所以說，想在地圖上面添加控件勾给，只能使用cover-view滩报、cover-image其他的控件都不可以锅知。
持續(xù)更新中...
