add

src/pages/index/Right.vue

@@ -38,9 +38,12 @@
         <popup-frame
             :visible.sync="showVisible"
             @beforeClose="beforeCloses"
+            class="topic-frame"
         >
             <div class="img">
-                <img src="../../../static/images/index/supply-demand2.jpg" alt="">
+                <img src="../../../static/images/index/supply-demand1.jpg" alt="" v-show="topicShow">
+                <img src="../../../static/images/index/supply-demand2.jpg" alt="" v-show="!topicShow">
+                <div class="button" @click="topicChange"></div>
             </div>
         </popup-frame>
         <div class="right-bottom">
@@ -227,7 +230,8 @@ export default {
                     img: '../../../static/images/index/topic-bg1.png'
                 }
 
-            ]
+            ],
+            topicShow: true
         }
     },
     mounted () {
@@ -542,7 +546,12 @@ export default {
         // 关闭交流会/专题弹框弹框前的回调
         beforeCloses (flag) {
             this.showVisible = flag
+        },
+        // 交流会/专题弹框切换
+        topicChange () {
+            this.topicShow = !this.topicShow
         }
+
     }
 }
 </script>
@@ -783,5 +792,21 @@ export default {
             }
         }
     }
+    .topic-frame{
+        width: 100%;
+        height: 100%;
+        .img{
+            position: relative;
+            width: 100%;
+            height: 100%;
+            .button{
+              width: 50px;
+              height: 100px;
+              position: absolute;
+              top: 40%;
+              right: 10px;
+            }
+        } 
+    }
 }
 </style>
\ No newline at end of file