|
|
@@ -15,7 +15,7 @@
|
|
|
<!-- 商品图片 -->
|
|
|
<view class="flower-img-box">
|
|
|
<image
|
|
|
- :src="item.cover"
|
|
|
+ :src="item.cover"
|
|
|
mode="aspectFill"
|
|
|
class="flower-img"
|
|
|
lazy-load="false">
|
|
|
@@ -240,25 +240,20 @@ export default {
|
|
|
// 图片容器
|
|
|
.flower-img-box {
|
|
|
width: 100%;
|
|
|
- height: auto;
|
|
|
- aspect-ratio: 1 / 1;
|
|
|
+ height: 0;
|
|
|
+ padding-bottom: 100%;
|
|
|
+ position: relative;
|
|
|
margin-bottom: 7.97upx;
|
|
|
border-radius: 5.31upx;
|
|
|
overflow: hidden;
|
|
|
- background-color: #C41E3A;
|
|
|
- border: 1upx solid #e0e0e0;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- position: relative;
|
|
|
|
|
|
.flower-img {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- object-fit: cover;
|
|
|
display: block;
|
|
|
- background-size: cover;
|
|
|
- background-position: center;
|
|
|
}
|
|
|
}
|
|
|
|
