在微信小程序中 为何无法展示图片view style=background-image pagesimageimgbackpng;width 100vw;height 100vh;view

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

1.使用网络图片路径：

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

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 变量上，最后在样式中使用