收藏
回答

图片拼接白线问题

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug image 组件 客户端 6.7.3 2.4.2

- 当前 Bug 的表现(可附上截图)


产品页的图片之间有白线,图片已经使用了 `display:block` 及 `font-size:0` 都不管用。以下是截图,为避免官方无法复现,一并附上视频演示地址:http://img06.ichuye.cn/wxapp/feedback/image-line.mp4





- 复现路径


代码片段是无法复现的(因为无法真机预览),只在部分真机上会复现这个问题,我这里复现的手机有 MIX,iPhone7。


- 提供一个最简复现 Demo


所有代码如下:


<view style="font-size:0;">
    <image style="display: block;width:100%;font-size:0;" lazy-load src="http://img06.ichuye.cn/wxapp/calendar/product/yue4.jpg" mode="widthFix">image>
    <image style="display: block;width:100%;font-size:0;" lazy-load src="http://img06.ichuye.cn/wxapp/calendar/product/yue5.jpg" mode="widthFix">image>
    <image style="display: block;width:100%;font-size:0;" lazy-load src="http://img06.ichuye.cn/wxapp/calendar/product/yue6.jpg" mode="widthFix">image>
view>


手动@官方大大 告知一个解决方案,如果是一个兼容性问题希望加入修复的进度中……

最后一次编辑于  2018-12-20
回答关注问题邀请回答
收藏

6 个回答

登录 后发表内容