微信小程序的background在手机不显示

微信小程序的背景图片在微信开发者工具中正常显示,但是在手机端不显示图片。
设置图片全屏样式

style="background:url('https://api.plus.123rf.com.cn/as/46406114.jpg');background-size:100% 100%;"

.container{
  width:100vw;
  height:100vh
}

在手机端不显示的原因:
background本地图片不能再手机上显示,可以引入服务器上的图片,或者使用图片的base64码,但是如果图片太大,建议使用服务器地址。

微信小程序不支持background-images属性,有以下几种方法:
1.直接在标签里加上style样式,加上背景图:


2.如果想使用外部样式表引入的话,直接使用background会报渲染层错误,可以将图片上传到服务器,然后在使用background


3.直接使用images标签(注:图片地址使用本地图片地址会报错,可以使用服务器地址)


  


  
    
    
      
      {{userInfo.nickName}}
    
  




.container{
  width:100vw;
  height:100vh
}

微信小程序的background在手机不显示_第1张图片

你可能感兴趣的:(单个项目代码)