場景 ：uniapp頁面添加背景圖片在瀏覽器上顯示在真機上空白

官方給的注意事項是

?

/* ?? ?page {
?? ??? ?height: 100%;
?? ? ? ?background-image: url('~@/static/login/bg.png');
?? ? ? ?background-size: cover;
?? ? ? ?background-repeat: no-repeat;
?? ? ? ?background-position: center center;
?? ?} */

我適配的是app用的本地圖片，先用的上邊這段代碼在瀏覽器上正常，但是app真機測試顯示空白，然后在頁面根標簽上加了下面代碼手機上才顯示背景圖片

?? ?.block {
?? ??? ?width: 100%;
?? ??? ? ?height: 100vh;
?? ??? ? ?background-image: url('~@/static/login/bg.png');
?? ??? ? ?background-size: cover;
?? ??? ? ?background-repeat: no-repeat;
?? ?}