注册登录

3***@qq.com

3***@qq.com

发布：2021-01-26 11:39
更新：2021-01-26 11:39
阅读：779

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

分类：uni-app

bug反馈

产品分类： 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 负责人:无分享

0 个回复

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