小程序
小游戏
企业微信
微信支付
扫描小程序码分享
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
解决了吗兄弟
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
这样改样式了
<view class="wrap" style="margin-bottom: {{divMargin}};" > <view class="imgWrap" catchtap="onClickImg" data-module="{{resource.name}}" style="width:{{divWidth}}" data-jumpType="{{resource.urls[0].jumpType}}" data-jumpContent="{{resource.urls[0].jumpContent}}" data-pictureurl="{{resource.urls[0].pictureUrl}}" > <image mode="widthFix" style="width:100%;border-radius: {{imgBorderRad}};" webp="{{resource.urls[0].pictureUrl.indexOf('webp') !== -1}}" src="{{resource.urls[0].pictureUrl}}" lazy-load="{{true}}"/> </view> </view>
.wrap { margin: 0 auto; } .imgWrap { margin: 0 auto; overflow: hidden; } .imgWrap image { display: block; width: 100%; height: 100%; object-fit: cover; }
哎,相同的小程序。有的可以,有的不行。手机可以,pc又不行了。搞啥呢。运行几年的小程序了,最近就出现白线了。
图片给display: block
图片给一个vertical-align: middle
图片给一个inline-block,会为文字类似g,这种预留空白
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
解决了吗兄弟
这样改样式了
<view class="wrap" style="margin-bottom: {{divMargin}};" > <view class="imgWrap" catchtap="onClickImg" data-module="{{resource.name}}" style="width:{{divWidth}}" data-jumpType="{{resource.urls[0].jumpType}}" data-jumpContent="{{resource.urls[0].jumpContent}}" data-pictureurl="{{resource.urls[0].pictureUrl}}" > <image mode="widthFix" style="width:100%;border-radius: {{imgBorderRad}};" webp="{{resource.urls[0].pictureUrl.indexOf('webp') !== -1}}" src="{{resource.urls[0].pictureUrl}}" lazy-load="{{true}}"/> </view> </view>
.wrap { margin: 0 auto; } .imgWrap { margin: 0 auto; overflow: hidden; } .imgWrap image { display: block; width: 100%; height: 100%; object-fit: cover; }
哎,相同的小程序。有的可以,有的不行。手机可以,pc又不行了。搞啥呢。运行几年的小程序了,最近就出现白线了。
图片给display: block
图片给一个vertical-align: middle
图片给一个inline-block,会为文字类似g,这种预留空白