3***@qq.com
3***@qq.com
  • 发布:2021-01-26 11:39
  • 更新:2021-01-26 11:39
  • 阅读:536

【报Bug】离线打包,Image标签动态绑定网络图片,苹果手机显示空白,安卓手机显示正常。

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10.0.18363

HBuilderX类型: 正式

HBuilderX版本号: 3.0.4

手机系统: 全部

手机厂商: 苹果

页面类型: vue

打包方式: 离线

项目创建方式: HBuilderX

测试过的手机:

手机:小米, 型号:Redmi K30, MIUI版本:12.0.4, Android版本: 10 手机:苹果, 型号:iPhone 11, IOS版本:14.2 [attach]68541[/attach] [attach]68543[/attach] [attach]68542[/attach]

示例代码:
<view class="htz-image-upload-list"> <view class="htz-image-upload-Item" v-for="(item,index) in uploadLists" :key="index"> <image :src="item.url" @click="imgPreview(index)"></image> <view class="htz-image-upload-Item-del" v-if="remove" @click="imgDel(index)"> × </view> </view> </view> <style scoped> .htz-image-upload-list { display: flex; flex-wrap: wrap; } .htz-image-upload-Item { width: 160rpx; height: 160rpx; margin: 13rpx; border-radius: 10rpx; position: relative; border: 2rpx solid #d2e0e5; } .htz-image-upload-Item image { width: 100%; height: 100%; border-radius: 10rpx; } .htz-image-upload-Item-del { background-color: #f5222d; font-size: 30rpx; position: absolute; width: 40rpx; height: 40rpx; line-height: 38rpx; text-align: center; top: 0rpx; right: 0rpx; z-index: 100; color: #fff; border-radius: 0 10rpx 0 0; } </style>

操作步骤:

上述代码,uploadLists存图片数组信息,item.url为图片网络地址。

预期结果:

IOS手机正常图片显示,Android手机图片正常显示。

实际结果:

IOS手机图片显示空白。Android手机显示正常。

bug描述:

IOS端显示:
Android端显示:
点击图片预览IOS和Android都成功:

2021-01-26 11:39 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复