提交

apps/bigmember_pc/src/views/my-property/coupon.vue

@@ -13,10 +13,18 @@
               v-loading="tabState.loading"
             >
               <div class="coupon-list">
-                <div class="coupon-list-row clearfix">
+                <div
+                  class="coupon-list-row clearfix"
+                  v-for="n in Math.ceil(tabState.list.length / 4)"
+                  :key="n"
+                  :line="n"
+                >
                   <!-- 每行4个 -->
                   <coupon-item
-                    v-for="(item, index) in tabState.list"
+                    v-for="(item, index) in tabState.list.slice(
+                      (n - 1) * 4,
+                      n * 4
+                    )"
                     :key="index"
                     :start-date="item.lotteryBeginDate"
                     :end-date="item.lotteryEndDate"
@@ -583,9 +591,9 @@ export default {
   .page-container {
     @media screen and (max-width: 1248px) {
       ::v-deep {
-        // .coupon-item {
-        //   width: 220px !important;
-        // }
+        .coupon-item {
+          width: 220px;
+        }
       }
     }
     ::v-deep {