1.view
2.scrollView
3.swiper
一、view
view就是視圖的意思，類似於html中標籤
我們先來寫一個簡單的view
在.wxml中寫一個view
在對應的.wxss文件寫headerView的樣式
運行結果：在頁面顯示一個高度爲300rpx的view
這裏我們需要指出一點的是微信小程序的尺寸單位rpx
rpx單位是微信小程序中css的尺寸單位，rpx可以根據屏幕寬度進行自適應。規定屏幕寬爲750rpx。如在 iPhone6 上，屏幕寬度爲375px，共有750個物理像素，則750rpx= 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
|
設備 |
rpx換算px (屏幕寬度/750) |
px換算rpx (750/屏幕寬度) |
|
iPhone5 |
1rpx = 0.42px |
1px = 2.34rpx |
|
iPhone6 |
1rpx = 0.5px |
1px = 2rpx |
|
iPhone6s |
1rpx = 0.552px |
1px = 1.81rpx |
當然微信小程序也支持rem尺寸單位，rem和rpx的換算關係：rem: 規定屏幕寬度爲20rem；1rem = (750/20)rpx 。
多視圖容器
.wxml文件
.wxss文件
視圖view的事件綁定
爲searchView視圖容器綁定點擊事件bindtap。
.wxml文件
在對應的.js文件中，觸發該事件
點擊comman+s運行之後，在控制檯輸出
觸發事件。