天天看點

小程式設定背景圖檔,背景圖檔覆寫全屏,圖檔url擷取方法

 在頁面的wxss裡設定page

page{
  background-image:url(https://i.loli.net/2020/08/08/KIaQSMvrtEVCwOb.jpg);
  width:100%;
  height:100vh;
  background-size: 100% 100%;
}
           

 其中的圖檔url可以從SM.MS(https://sm.ms/)網站上傳,然後在下面的image url複制粘貼

寬高設定,讓圖檔保持比例

背景大小,讓圖檔填充螢幕,如果圖檔和螢幕比例不同,則直接填充

調整app.json裡面的window

"window":{
    "navigationStyle":"custom" 
  },
           

這一步設定是讓圖檔覆寫整個手機,包括狀态欄

展示

小程式設定背景圖檔,背景圖檔覆寫全屏,圖檔url擷取方法