1

components/goods/style5.vue

@@ -24,14 +24,12 @@
           mode="widthFix"
           style="width: 100%"
       /></view>
-      <view class="img-box">
-        <view class="img-show">
-          <image
-            style="width: 100%; height: 100%; border-radius: 10rpx 10rpx 0 0"
-            :mode="goodsInfo.fill == 1 ? 'aspectFill' : 'aspectFit'"
-            :src="item.picUrl"
-          />
-        </view>
+      <view class="img-box-style5">
+        <image
+          style="width: 100%; height: 100%; border-radius: 10rpx 10rpx 0 0"
+          :mode="goodsInfo.fill == 1 ? 'aspectFill' : 'aspectFit'"
+          :src="item.picUrl"
+        />
       </view>
       <view class="good-info">
         <view class="good-name" v-if="goodsInfo.showGoodsName">{{
@@ -189,7 +187,7 @@ export default {
 .her-scoller {
   overflow-x: auto !important;
   padding: 12px;
-  /* display: flex; */
+  display: flex;
   white-space: nowrap;
 }
 /* .her-scoller::after {
@@ -200,9 +198,7 @@ export default {
 .her-scoller .good-five {
   position: relative;
   margin-right: 30rpx;
-  display: inline-block;
   width: 560rpx;
-  height: 368rpx;
   box-shadow: 0px 10px 30px 0px rgba(36, 36, 36, 0.2);
   border-radius: 20rpx;
 }
@@ -214,36 +210,12 @@ export default {
   left: 0;
   z-index: 4;
 }
-.her-scoller .good-five .img-box {
+.her-scoller .good-five .img-box-style5 {
   width: 100%;
-  /* height: 0;
-	padding-top: 100%; */
-  position: relative;
   height: 224rpx;
   border-radius: 20rpx;
   overflow: hidden;
 }
-.her-scoller .good-five .img-box .img-show {
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 224rpx;
-  overflow: hidden;
-  z-index: 2;
-}
-.her-scoller .good-five .guding {
-  position: relative;
-}
-.her-scoller .good-five .guding .img-box {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-}
 .her-scoller .good-five .good-info {
   padding: 30rpx;
 }