一、背景

下面這些都是在開發的過程中，記錄下來的筆記。

二、樣式及背景圖片顯示問題

1、修改單個頁面的背景色：
在頁面的wxss裡面加上這句程式碼：

page{
  background-color: lightcyan;
}

2、小程式中的顏色設定

//顏色不要加引號，也可以直接是英文
border-top:1rpx solid  #e5e5e5;

3、小程式中的rpx和px的區別

      rpx單位是微信小程式中css的尺寸單位，rpx可以根據螢幕寬度進行自適應。規定螢幕寬為750rpx。如在 iPhone6 上，螢幕寬度為375px，共有750個物理畫素，則750rpx = 375px = 750物理畫素，1rpx = 0

4、關於背景圖片

本地資源無法通過 WXSS 獲取
background-image：可以使用網路圖片，或者 base64，或者使用標籤

但是可以在wxml中，通過style設定

<view class='bg' style="background-image: url('../../img/bg.png');">

也可以訪問網路圖片，比如把圖片上傳到阿里的OSS，直接使用阿里返回的路徑也可以

5、關於小程式中的flex佈局，可以參考阮一峰的文章：

6、關於本地背景圖片在手機上無法顯示的問題

      這個問題在網上百度了一下，大多數人都建議，不要用本地資源。最好是用網路資源，也就是把圖片上傳到OSS上，訪問。

我這邊是把圖片上傳到阿里雲的OSS，返回圖片的網路路徑，直接使用即可。

  <view class='bg' style="background-image: url('http://pzsh.oss-cn-shanghai.aliyuncs.com/xxx/xx.png');background-size: cover">

這裡的background-size: cover是為了讓圖片等比例縮放，鋪滿整個螢幕。

end