本地base64格式图片在ios真机上不显示?安卓和开发工具里正常
图片事先转码成base64版本,存在本地 [图片] 图片比较大,base64码很长,暴露的接口这么写 [图片] 这是调用图片的js var localData = require('../images/img.js')
Page({
data: {
// userInfo: {},
// imgplace1: ''
},
onLoad: function (options) {
console.log('onLoad index');
this.setData({
showJsonList: localData.textJsonList
});
wxml图片显示:
<image class="whole" src="{{showJsonList[0].img2}}" mode="widthFix"></image>
<image class="whole-b" src="{{showJsonList[0].img1}}" mode="heightFix"></image>
wxss(肯定不是样式的问题,因为其他设备可以正常显示) .big-page { /*这是父元素*/
/* height: 110vh; */
height: 100vh;
}
.whole {
position: absolute;
width: 100%;
height: 100%;
/* background-size: cover; */
}
.whole-b {
position: absolute;
opacity: 0.4;
width: 100%;
height: 100%;
/* background-size: cover; */
}
开发工具和安卓真机(华为mate10)正常,但是苹果(iPhone11)上显示不出来,网络图片(png、jpg)之类的也测试过,小一点的图片转成base64写在image标签里试验了也能显示。不知道是不是base64太长了在ios上出了啥问题,我觉得应该是我犯了个愚蠢的问题,求助大神解惑 [图片] 模拟器和安卓机上正常显示的样子 [图片] ios真机上的截屏