uniapp 页面添加背景图片不显示

场景 ：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;
    }