chore: style

Author: zixuan1986

src/views/vip/mallNew/Index.vue

@@ -242,6 +242,7 @@ export default {
                 res.data.data.canBuy = this.checkCanBuy(res.data.data);
                 res.data.data.isHave = this.isHaveGood(res.data.data);
                 this.selectItem = res.data.data || {};
+                console.log(this.selectItem);
             });
         },
         changeSelectItem(item) {

src/views/vip/mallNew/components/GoodDetail.vue

@@ -21,9 +21,9 @@
                         <i class="el-icon-circle-check" v-if="good.canBuy.level"></i>
                         <i class="el-icon-circle-close" v-else></i>
                     </div>
-                    <div class="condition-item" :class="{ canBuy: good.canBuy.vip_limit }">
+                    <div class="condition-item" :class="{ canBuy: good.vip_limit }" v-if="good.vip_limit !== 0">
                         会员专属
-                        <i class="el-icon-circle-check" v-if="good.canBuy.vip_limit"></i>
+                        <i class="el-icon-circle-check" v-if="good.vip_limit"></i>
                         <i class="el-icon-circle-close" v-else></i>
                     </div>
                     <div class="condition-item" :class="{ canBuy: good.canBuy.box_coin }" v-if="good.price_boxcoin">
@@ -243,10 +243,13 @@ export default {
     }
     .card {
         width: 500px;
-        height: 500px;
+        height: 480px;
         display: flex;
         justify-content: center;
         align-items: center;
+        img{
+            object-fit: cover;
+        }
         .skeleton-container {
             background-color: #fff;
             padding: 10px;
@@ -255,7 +258,7 @@ export default {
     }
     .buy-detail {
         width: 500px;
-        height: 180px;
+        height: 200px;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
@@ -352,9 +355,9 @@ export default {
 
         .good-comment {
             width: 500px;
-            height: 77px;
+            height: 100px;
             box-sizing: border-box;
-            padding: 6px 43px;
+            padding: 0 43px;
             overflow: scroll;
             scrollbar-width: none;
             color: rgba(#fff, 0.75);

src/views/vip/mallNew/components/GoodItem.vue

@@ -135,6 +135,7 @@ export default {
     .good-item-img {
         width: 120px;
         height: 120px;
+        object-fit: cover;
     }
     .right {
         width: 240px;

src/views/vip/mallWeb/components/GoodItem.vue

@@ -135,7 +135,7 @@ export default {
     .good-item-img {
         width: 32vw;
         height: 32vw;
-        object-fit: contain;
+        object-fit: cover;
     }
     .right {
         flex: 1;