init

pages/index.vue

 <template>
   <div class="home-page">
-    <div
-      id="bayWindows"
-      class="bayWindows"
-      v-if="isShowBay"
-      @mouseenter="enterbayWin"
-      @mouseout="leaveWin"
-      @click="goGzfDetail"
-      ref="bayWin"
-    >
-      <div
-        class="windows-close"
-        v-if="isShowBay"
-        @mouseenter="enterbayWin"
-        @mouseout="leaveWin"
-        @click.stop="cancelBay"
-      >
-        X
-      </div>
-    </div>
+<!--    <div-->
+<!--      id="bayWindows"-->
+<!--      class="bayWindows"-->
+<!--      v-if="isShowBay"-->
+<!--      @mouseenter="enterbayWin"-->
+<!--      @mouseout="leaveWin"-->
+<!--      @click="goGzfDetail"-->
+<!--      ref="bayWin"-->
+<!--    >-->
+<!--      <div-->
+<!--        class="windows-close"-->
+<!--        v-if="isShowBay"-->
+<!--        @mouseenter="enterbayWin"-->
+<!--        @mouseout="leaveWin"-->
+<!--        @click.stop="cancelBay"-->
+<!--      >-->
+<!--        X-->
+<!--      </div>-->
+<!--    </div>-->
     <div class="home-page-main">
       <div class="section-wrap news">
         <div
@@ -398,27 +398,6 @@ export default {
   background-position: bottom;
   background-repeat: no-repeat;
   background-size: contain;
-  .bayWindows {
-    position: absolute;
-    cursor: pointer;
-    left: 50px;
-    top: 60px;
-    width: 417px;
-    height: 250px;
-    z-index: 1000;
-    background-image: url('../static/images/common/bay-window.jpeg');
-    .windows-close {
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      right: 10px;
-      top: 0px;
-      color: #fff;
-      padding: 10px;
-      cursor: pointer;
-      z-index: 2000;
-    }
-  }
   .home-page-main {
     width: 1200px;
     background: #fff;