图片事先转码成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真机上的截屏