修改

src/pages/Apply.vue

@@ -42,7 +42,7 @@
             description="退款原因"
             cancel-text="取消"
             @overlay="overlay = false"
-            @click="cancel"
+            @cancel="show = false"
             :actions="actions"
             @select="select"
         >
@@ -153,9 +153,6 @@ export default {
                 title: '提交成功'
             });
             this.navigateTo('/pages/Applydetails?id=' + this.orderInfoId);
-        },
-        cancel() {
-            this.show = false;
         }
         // dialog() {
         //     this.showdialog = true;

src/pages/details.vue

@@ -60,21 +60,9 @@
         <div class="box-details" v-if="cardList == ''">
             {{ label }}
         </div>
-        <swiper
-            @change="swiperChange"
-            :current="current"
-            v-else
-            class="swiper"
-            :display-multiple-items="4"
-            circular
-            style="margin-top:20px; margin-bottom: 10px;"
-        >
+        <swiper @change="swiperChange" v-else class="swiper" circular style="margin-top:20px; margin-bottom: 10px;">
             <template>
-                <swiper-item
-                    v-for="(item, index) in cardList"
-                    :key="index"
-                    :class="{ active: swiperCurrent === index }"
-                >
+                <swiper-item v-for="(item, index) in cards" :key="index" :class="{ active: swiperCurrent === index }">
                     <img
                         style="height:100%,width:70px"
                         :src="item.image + oss"
@@ -174,11 +162,11 @@ export default {
         };
     },
     computed: {
-        cardList() {
-            return [...this.cards].filter((item, index) => {
-                return index < 4;
-            });
-        },
+        // cardList() {
+        //     return [...this.cards].filter((item, index) => {
+        //         return index < 4;
+        //     });
+        // },
         defaultCards() {
             return [...this.cards].filter((item, index) => {
                 return index >= 4;
@@ -224,7 +212,6 @@ export default {
                     this.detailsList = res.groupBoxMap;
                     this.cardCaseInfo = res.cardCaseInfo || {};
                     this.cards = res.cardCaseInfo.cardDTOs;
-                    console.log(this.cards);
                     if (this.cards == '') {
                         this.label = '暂无卡片展示';
                     }
@@ -393,9 +380,7 @@ export default {
     .imgBox {
         .flex();
         flex-wrap: wrap;
-        width: 342px !important;
-        margin: -5px 0 12px 0;
-        position: relative;
+        margin-bottom: 12px;
         .img {
             width: 75px;
             height: 110px;