update

src/pages/major-set/index.vue

@@ -11,7 +11,10 @@
           :style="{ backgroundImage:'url(' + item.img + ')' }"
         >
           <div class="major-banner-main">
-            <span>{{item.title}}</span>
+            <div class="new-pop" v-if="index == 2 && hoverIndex == 2">
+              <div class="txt">{{item.title}}</div>
+            </div>
+            <span v-else>{{item.title}}</span>
             <span class="pad">{{item.label}}</span>
           </div>
           <div class="major-banner-bg" v-if="item.bgShow"></div>
@@ -313,6 +316,7 @@ export default {
   },
   data() {
     return {
+      hoverIndex: 0,
       swiperOptions: {
         observer: true,
         autoHeight: true,
@@ -622,6 +626,7 @@ export default {
       this.bannerList.forEach((l, ind) => {
         index === ind ? Vue.set(l, 'bgShow', false) : Vue.set(l, 'bgShow', true)
       })
+      this.hoverIndex = index
     },
     outsyStyle(item, index) {
       this.timeList.forEach((l, ind) => {
@@ -1300,4 +1305,21 @@ export default {
 //   opacity:1;
 //   background: #fff;
 // }
+.new-pop{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(255,255,255,0.6);
+  .txt{
+    width: 90%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%);
+    font-size: 18px;
+    line-height: 1.5;
+  }
+}
 </style>