在頁面的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"
},
這一步設定是讓圖檔覆寫整個手機,包括狀态欄
展示