关于微信小程序的背景图片问题

  • wxss中(background-image属性)
    • 使用本地文件夹相对路径(报错),官方对于小程序的这个属性解释为,在wx文件中无法获取本地资源,这里可以使用网络图片地址或者先将图片转化为base64图片后引用(base64在线转码工具)。针对于没有自己服务器的人,可以先将图片传入空间相册,然后打开图片后右键保存地址后使用,是哦那个的时候要注意,在手机上预览正常,但在开发者工具上无法显示。
  • wxml中引用
<view style = "background: url(url)"></view>

这种方法使用本地路径在开发者工具上显示正常,但在手机上无背景图片

  • 综上,应尽量使用网络图片。若是想整个页面均使用背景图片,则应使用属性选择器
page{
	background-image: url(url);
}

猜你喜欢

转载自blog.csdn.net/studyForWhat/article/details/83039641