详情banner

src/pages/details.vue

@@ -7,17 +7,8 @@
 <template>
     <div class="container">
         <swiper style="height:335px;" :autoplay="true" :indicator-dots="true">
-            <swiper-item>
-                <img src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/icon_lunbotu3x..jpg" alt="" />
-            </swiper-item>
-            <swiper-item>
-                <img src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/1.jpeg" alt="" />
-            </swiper-item>
-            <swiper-item>
-                <img src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/2.jpeg" alt="" />
-            </swiper-item>
-            <swiper-item>
-                <img src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/3.jpeg" alt="" />
+            <swiper-item v-for="(item, index) in banners" :key="index">
+                <img :src="item" alt="" />
             </swiper-item>
         </swiper>
         <div class="box-tit">{{ cardCaseInfo.caseName }}</div>
@@ -112,7 +103,8 @@ export default {
             name: '',
             list: [],
             cardCaseInfo: {},
-            chooseIds: []
+            chooseIds: [],
+            banners: []
         };
     },
     computed: {
@@ -135,6 +127,7 @@ export default {
                     this.hideLoading();
                     this.detailsList = res.groupBoxMap;
                     this.cardCaseInfo = res.cardCaseInfo || {};
+                    this.banners = res.cardCaseInfo.image.split(',');
                 })
                 .catch(e => {
                     wx.hideLoading();