微信小程序 background-image 样式无法展示本地图片的解决方法

在微信小程序中，background-image 样式属性不能直接使用本地图片路径，需要使用网络图片路径或通过 wx.getImageInfo 获取本地图片信息后再使用。正确的写法如下：

1.使用网络图片路径：

<view style='background-image: url('https://example.com/back.png');width: 100vw;height: 100vh;'></view>

2.使用 wx.getImageInfo 获取本地图片信息：

<view style='background-image: url('{{imgUrl}}');width: 100vw;height: 100vh;'></view>

Page({
  data: {
    imgUrl: '', // 图片路径
  },
  onLoad() {
    wx.getImageInfo({
      src: '/pages/image/img/back.png',
      success: res => {
        this.setData({
          imgUrl: res.path
        })
      }
    })
  }
})

其中，wx.getImageInfo 获取本地图片信息后，通过 res.path 获取图片路径，再绑定到 data 中的 imgUrl 变量上，最后在样式中使用。