|
|
@@ -82,10 +82,6 @@
|
|
|
<van-list
|
|
|
class="box-list"
|
|
|
:style="{
|
|
|
- backgroundImage:
|
|
|
- active !== 'coupon' && active !== 'showRoom' && showList.length > 0
|
|
|
- ? `url(${require('../assets/png-zhantai.png')})`
|
|
|
- : '',
|
|
|
paddingBottom: showList.length % 3 === 0 ? '35.73vw' : '20px'
|
|
|
}"
|
|
|
:class="{ couponList: active === 'coupon', roomList: active === 'showRoom' }"
|
|
|
@@ -97,7 +93,18 @@
|
|
|
<template v-for="(item, index) in showList" :key="index">
|
|
|
<coupon-info :info="item" v-if="active == 'coupon'"></coupon-info>
|
|
|
<show-info v-model:info="list[index]" v-else-if="active == 'showRoom'"></show-info>
|
|
|
- <asset-info :info="item" v-else></asset-info>
|
|
|
+ <div
|
|
|
+ class="asset-list"
|
|
|
+ v-else
|
|
|
+ :style="{
|
|
|
+ backgroundImage:
|
|
|
+ active !== 'coupon' && active !== 'showRoom' && showList.length > 0
|
|
|
+ ? `url(${require('../assets/png-zhantai.png')})`
|
|
|
+ : ''
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <asset-info :info="asset" v-for="asset in item" :key="asset.id"></asset-info>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<van-empty
|
|
|
@@ -253,8 +260,17 @@ export default {
|
|
|
return !this.checkTime(item);
|
|
|
}
|
|
|
});
|
|
|
- } else {
|
|
|
+ } else if (this.active == 'showRoom') {
|
|
|
return this.list;
|
|
|
+ } else {
|
|
|
+ let list = [...this.list];
|
|
|
+ let _list = [];
|
|
|
+ for (let i = 0; i <= Math.floor(list.length / 3); i++) {
|
|
|
+ _list.push(list.slice(i * 3, (i + 1) * 3));
|
|
|
+ }
|
|
|
+ return _list.filter(item => {
|
|
|
+ return item.length > 0;
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
sort() {
|
|
|
@@ -552,7 +568,7 @@ export default {
|
|
|
// display: flex;
|
|
|
// flex-wrap: wrap;
|
|
|
// padding: 8px 8px 100px;
|
|
|
- padding: 0 0 0 4.2vw;
|
|
|
+ // padding: 0 0 0 4.2vw;
|
|
|
background-size: 100vw 42vw;
|
|
|
background-position: 0 -10vw;
|
|
|
box-sizing: border-box;
|
|
|
@@ -563,6 +579,13 @@ export default {
|
|
|
&.roomList {
|
|
|
padding: 10px 0 100px;
|
|
|
}
|
|
|
+
|
|
|
+ .asset-list {
|
|
|
+ background-size: 100vw auto;
|
|
|
+ background-position: 0 -10vw;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 0 0 4.2vw;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.tab {
|