修改

src/components/mall/newTrip.vue

@@ -532,7 +532,7 @@
         color: #fff;
         position: relative;
         background-size: cover;
-        background: url('../../assets/img/newtrip/hotel.jpg') no-repeat 100% 100%;
+        background-position: center!important;
     }
 
     .tripViewAgendaList .agendaBox .txtCont {
@@ -1019,7 +1019,7 @@
                                                 <div class="agendaBox">
                                                     <div class="indexNum numberList">{{index+1}}</div>
                                                     <div class="coverWrap"
-                                                        :style="`background: url(${subItem.childItem.imaArray[0].url}) no-repeat 100% 100%`">
+                                                        :style="`background: url(${subItem.childItem.imaArray[0].url}) no-repeat 100% 100%`" @click="bigImgShow(subItem.childItem.imaArray[0].url)">
                                                     </div>
                                                     <div class="txtCont icon-triangle">
                                                         <div class="detailBox">
@@ -1105,7 +1105,7 @@
             </div>
         </div>
         <viewer style="display:none" :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
-            <img v-for="(item,index) in images" :src="item" :key="index+5000" class="12312312">
+            <img v-for="(item,index) in images" :src="item" :key="index+8000" class="12312312">
         </viewer>
     </div>
 </template>
@@ -1163,11 +1163,9 @@
                 this.$viewer = viewer;
             },
             bigImgShow(url) {
-                this.images=[];
-                this.images.push(url);
-                console.log(this.images,'imagesss');
+                let index = this.images.indexOf(url);
                 if(this.images.length>0){
-                    this.$viewer.view(0)
+                    this.$viewer.view(index)
                     this.$viewer.show();
                 }
             },
@@ -1176,9 +1174,19 @@
                 this.apipost('b2b_get_GetB2BTravelInfoV1', this.msg, res => {
                     if (res.data.resultCode == 1) {
                         this.dataList = res.data.data;
-                        console.log("dayList", this.dataList.dayList);
                         this.isShow = true;
                         this.getAllPoint();
+                        //装载景点酒店图片以供预览
+                        this.images=[];
+                        this.dataList.dayList.forEach(x=>{
+                            x.dayArray.forEach(y=>{
+                                if(y.type==2||y.type==3){
+                                    if(y.childItem.imaArray.length>0){
+                                        this.images.push(y.childItem.imaArray[0].url);
+                                    }
+                                }
+                            })  
+                        })
                     } else {
                         this.Error(res.data.message)
                     }