把相册设为图片背景的时候没问题,但是过了一段时候再去看,背景图就变成白屏了,不知道是为甚么,个人预估是因为在真机上的两次图片的路径不一致的原因
这是获取相册图片的代码
wx.chooseImage({
count: 1,
success: (res) => {
console.log(res.tempFilePaths[0]);
wx.setStorage({
key: ‘backgroundImage’,
data: res.tempFilePaths[0],
});
wx.showToast({
title: ‘设置成功’,
});
},
})
图片作为背景图
<image class=‘bgd’ src="{{backgroundImage}}" mode=‘aspectFill’ ></image>
Onshow时候会设置图片的路径
var BgiUrl = wx.getStorageSync(‘backgroundImage’);
this.setData({
backgroundImage: BgiUrl != ‘’ ? BgiUrl : “https://lg-n8uihw4i-1253681281.cos.ap-shanghai.myqcloud.com/kcb-bg.jpg”
});
.bgd {
width: 100%;
height: 100%;
position: fixed;
background-position: fixed;
filter: brightness(85%);
z-index: -1;
/* overflow: hidden; */
}