微信小程序设置设置本地背景图,大于40kb时不显示。
解决方法:
1、换成线上地址
background-image: url("https://xxx.png") // 线上图片地址
2、使用线上转码将图片转成base64文本格式
background-image: url("data:image/png;base64,iVBORw0KGgo=...")
3、uni.getFileSystemManager().readFileSync() 转码
data() {
return {
pageImg: '/static/image/xxx.png' // 本地图片地址
};
},
computed: {
base64PageImg: function() {
let that = this;
let base64Img = uni.getFileSystemManager().readFileSync(that.pageImg, "base64");//转码
return 'data:image/png;base64,' + base64Img//拼接后返回
}
},