图片位置错乱,只在苹果5s上复现
发布于 5 年前 作者 daimin 3084 次浏览 来自 问答
  • 当前 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;
}
回到顶部