当前位置： 移动技术网 > IT编程>开发语言>.net > 小程序设置背景图片，背景图片覆盖全屏，图片url获取方法

小程序设置背景图片，背景图片覆盖全屏，图片url获取方法

2020年08月10日  | 移动技术网IT编程  | 我要评论
在页面的wxss里设置pagepage{ 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复制粘贴宽高设置，让图片保持比例背景大小，让图片填充屏幕，如果图片和屏幕..

 在页面的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" 
  },

这一步设置是让图片覆盖整个手机，包括状态栏

 

展示

本文地址：https://blog.csdn.net/weixin_43714971/article/details/107885457

您可能感兴趣的文章:

如您对本文有疑问或者有任何想说的，请 点击进行留言回复，万千网友为您解惑！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网