收藏
回答

图片位置错乱,只在苹果5s上复现

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

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


- 预期表现


- 复现路径


- 提供一个最简复现 Demo

<view class='scan'>
   <image class='img1'src='../../images/find_scan1.png' mode='aspectFit'></image>
   <image class='img2'src='../../images/find_scan2.png' mode='aspectFit'></image>
   <image class='img3'src='../../images/find_scan3.png' mode='aspectFit'></image>
   <image animation="{{animationt1}}" class='img4'src='../../images/find_scan4.png' mode='aspectFit'></image>
   <image class='img5'src='../../images/find_scan5.png' mode='aspectFit'></image>
   <image class='img6'src='../../images/find_scan_bluth.png' mode='aspectFit'></image>
 </view>



.scan{
  display: flex;justify-content: center;width: 100%;position: relative;
  height: 320rpx;align-items: center;background: #f6f6f6;
}
.img1{
  z-index: 1;width: 88%;height: 88%;
  position: absolute;display: flex;
}
.img2{
  z-index: 2;width: 75%;height: 75%;
  position: absolute;display: flex;
}
.img3{
  z-index: 3;width: 56%;height: 56%;
  position: absolute;display: flex;
}
.img4{
  z-index: 4;width: 75%;height: 75%;
  position: absolute;display: flex;
}
.img5{
  z-index: 5;width: 32%;height: 32%;
  position: absolute;display: flex;
}
.img6{
  z-index: 6;width: 15%;height: 15%;
  position: absolute;display: flex;
}


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

1 个回答

登录 后发表内容