|
|
@@ -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 {
|
