收藏
回答

view中放入image,多个元素拼接,会出现白边。

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

回答关注问题邀请回答
收藏

4 个回答

  • 清风
    清风
    05-23

    解决了吗兄弟

    05-23
    有用
    回复
  • freesaber
    freesaber
    2023-12-29

    这样改样式了

    <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 {
      margin0 auto;
    }
    
    
    .imgWrap {
      margin0 auto;
      overflow: hidden;
    }
    
    
    .imgWrap image {
      display: block;
      width100%;
      height100%;
      object-fit: cover;
    }
    

    哎,相同的小程序。有的可以,有的不行。手机可以,pc又不行了。搞啥呢。运行几年的小程序了,最近就出现白线了。

    2023-12-29
    有用
    回复
  • 郑钱花
    郑钱花
    2023-12-29

    图片给display: block

    2023-12-29
    有用
    回复
  • optimistic
    optimistic
    2023-12-29

    图片给一个vertical-align: middle

    图片给一个inline-block,会为文字类似g,这种预留空白

    2023-12-29
    有用
    回复
登录 后发表内容