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