通行证购买

src/mixins/list.js

@@ -39,6 +39,9 @@ export default {
                     if (this.listKey) {
                         this.list = [...this.list, ...res[this.listKey]];
                     } else {
+                        if (isFirst) {
+                            this.list = [];
+                        }
                         this.list = [...this.list, ...res];
                         this.empty = this.list.length === 0;
                         this.finished = true;
@@ -59,6 +62,9 @@ export default {
                     if (this.listKey) {
                         this.list = [...this.list, ...res[this.listKey]];
                     } else {
+                        if (isFirst) {
+                            this.list = [];
+                        }
                         this.list = [...this.list, ...res];
                         this.empty = this.list.length === 0;
                         this.finished = true;

src/views/Home.vue

@@ -51,9 +51,9 @@
                         <van-tab title="对局大厅"> </van-tab>
                         <van-tab title="我的房间"> </van-tab>
                         <template #nav-right>
-                            <van-tabs class="tabs" v-model:active="zone" @change="changeTab" type="card">
+                            <van-tabs class="tabs" v-model:active="zone" @change="changeZone" type="card">
                                 <van-tab title="QQ区" name="QQ"></van-tab>
-                                <!-- <van-tab title="微信区" name="微信"></van-tab> -->
+                                <van-tab title="微信区" name="微信"></van-tab>
                             </van-tabs>
                         </template>
                     </van-tabs>
@@ -225,6 +225,14 @@ export default {
                 });
             });
         },
+        changeZone(zone) {
+            if (zone === '微信') {
+                this.wait();
+                this.$nextTick(() => {
+                    this.zone = 'QQ';
+                });
+            }
+        },
         searchList() {
             this.active = 0;
             this.$nextTick(() => {
@@ -344,7 +352,7 @@ export default {
     }
 }
 /deep/.tabs {
-    width: 53px;
+    width: 107px;
     right: 16px;
     top: 12px;
     position: absolute;

src/views/Shop.vue

@@ -20,7 +20,7 @@
         >
             <template v-if="active === 2">
                 <product-info
-                    v-for="(item, index) in list"
+                    v-for="(item, index) in showList"
                     @choose="choose"
                     :key="index"
                     :info="item"
@@ -29,7 +29,7 @@
             </template>
             <template v-else>
                 <pass-card
-                    v-for="(item, index) in list"
+                    v-for="(item, index) in showList"
                     @choose="choose"
                     :key="index"
                     :info="item"
@@ -84,6 +84,13 @@ export default {
             } else {
                 return '/ticketPrice/all';
             }
+        },
+        showList() {
+            let list = [...this.list];
+            if (this.active == 0 || this.active === 1) {
+                return list.slice(0, 4);
+            }
+            return list;
         }
     },
     mounted() {
@@ -121,9 +128,10 @@ export default {
             if (this.active === 1) {
                 this.$router.push('/exchange?ticket=' + this.chooseTicket + '&buyType=' + this.buyType);
             } else {
-                this.$router.push(
-                    '/exchangeCollection?exchangeItemId=' + this.chooseTicket + '&buyType=' + this.buyType
-                );
+                // this.$router.push(
+                //     '/exchangeCollection?exchangeItemId=' + this.chooseTicket + '&buyType=' + this.buyType
+                // );
+                this.wait();
             }
         },
         beforeData() {