图片位置错乱,只在苹果5s上复现
- 当前 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 : 320 rpx;align-items: center ; background : #f6f6f6 ; } .img 1 { z-index : 1 ; width : 88% ; height : 88% ; position : absolute ; display : flex; } .img 2 { z-index : 2 ; width : 75% ; height : 75% ; position : absolute ; display : flex; } .img 3 { z-index : 3 ; width : 56% ; height : 56% ; position : absolute ; display : flex; } .img 4 { z-index : 4 ; width : 75% ; height : 75% ; position : absolute ; display : flex; } .img 5 { z-index : 5 ; width : 32% ; height : 32% ; position : absolute ; display : flex; } .img 6 { z-index : 6 ; width : 15% ; height : 15% ; position : absolute ; display : flex; } |
1 回复