<image :src="item.image" @load="onImageLoad" placeholder="/static/base/lazy750_400.png" mode="aspectFill" class="list-image"></image>

- 发布:2020-12-24 10:39
- 更新:2021-01-19 11:02
- 阅读:887
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.0.1
手机系统: iOS
手机系统版本号: IOS 14
手机厂商: 苹果
手机机型: iphone6s,iphone12
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
<image :src="item.image" @load="onImageLoad" placeholder="/static/base/lazy750_400.png" mode="aspectFill" class="list-image"></image>
ios14版本 nvue 当 image 图片设置 placeholder 时 可能导致图片无法显示
<image :src="item.image" @load="onImageLoad" placeholder="/static/base/lazy750_400.png" mode="aspectFill" class="list-image"></image>
ios14版本 nvue 当 image 图片设置 placeholder 时 可能导致图片无法显示
预期结果:
<image :src="item.image" @load="onImageLoad" placeholder="/static/base/lazy750_400.png" mode="aspectFill" class="list-image"></image>
ios14版本 nvue 当 image 图片设置 placeholder 时 当图片加载完成全部展示
<image :src="item.image" @load="onImageLoad" placeholder="/static/base/lazy750_400.png" mode="aspectFill" class="list-image"></image>
ios14版本 nvue 当 image 图片设置 placeholder 时 当图片加载完成全部展示
实际结果:
<image :src="item.image" @load="onImageLoad" placeholder="/static/base/lazy750_400.png" mode="aspectFill" class="list-image"></image>
ios14版本 nvue 当 image 图片设置 placeholder 时 图片可能无法显示出来
<image :src="item.image" @load="onImageLoad" placeholder="/static/base/lazy750_400.png" mode="aspectFill" class="list-image"></image>
ios14版本 nvue 当 image 图片设置 placeholder 时 图片可能无法显示出来
bug描述:
<image :src="item.image" @load="onImageLoad" placeholder="/static/base/lazy750_400.png" mode="aspectFill" class="list-image"></image>
ios14版本 nvue 当 image 图片设置 placeholder 时 可能导致图片无法显示



风灯 - 有团队,接外包中。h5+,php,erlang,cocos,小程序、小游戏、付费解决uniapp,h5+问题。
同问 ios nvue list列表下 图片设置placeholder后图片无法显示