修改图片放大

src/components/FreeTravel/FreeDetail.vue

 <template>
   <div v-loading="detailLoading" class="commonF FreeDetail" v-if="!noData">
       <div class="w1200">
-          <div @click.stop.prevent="BigImgShow(1)" class="bannerImg" :style="{background:'url(' + ActiveSrc + ') no-repeat center left/100% auto'}">
+          <div @click.stop.prevent="BigImgShow(LiactiveIndex)" class="bannerImg" :style="{background:'url(' + ActiveSrc + ') no-repeat center left/100% auto'}">
               <!-- <img style="width:100%;" :src="ActiveSrc" :onerror="defaultImg" alt=""> -->
               <ul  v-if="dataDetail.img_list" class="banImgList basefix">
-                  <li @click.stop.prevent="BigImgShow(2)"  @mouseover="LiHover(item,index)" :class="LiactiveIndex==index?'Liactive':''" v-if="index<9" v-for="(item,index) in dataDetail.img_list" :key="index">
+                  <li @click.stop.prevent="BigImgShow(index)"  @mouseover="LiHover(item,index)" :class="LiactiveIndex==index?'Liactive':''" v-if="index<9" v-for="(item,index) in dataDetail.img_list" :key="index">
                       <img :src="item.img_url" alt="">
                   </li>
               </ul>
@@ -238,7 +238,7 @@
       </div> -->
       <viewer style="display:none" :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
             <img v-for="(item,index) in images" :src="item.img_url" :key="index+5000">
-        </viewer>
+      </viewer>
   </div>
   <div class="empty-data" v-else >
     <i class="iconfont icon-kong"></i>
@@ -323,11 +323,11 @@ export default {
         inited (viewer){
             this.$viewer = viewer
         },
-        BigImgShow(num){
-            if(num==1){
+        BigImgShow(index){
+            // if(num==1){
+                this.$viewer.view(index)
                 this.$viewer.show()
-
-            }
+            // }
         },
         handleScroll(){
             // console.log("this.scrollobj",this.scrollobj.scrollTop)