提交

src/view/SilkRoadSpringFestivalGala/index.vue

@@ -46,7 +46,7 @@
         x5-video-orientation="portraint"
         x5-video-player-fullscreen="true"
         src="../../assets/video/bg1.mp4"
-        class="video"
+        class="video firstvideo"
         v-show="page === 'second'"
       ></video>
       <transition name="fade">
@@ -205,6 +205,10 @@ function changePage(type) {
       height: 100vh;
       top: 0;
     }
+    .firstvideo{
+        width: 100vw;
+        height: 100vh;
+    }
 
     .fade-enter-from,
     .fade-leave-to {

src/view/SilkRoadSpringFestivalGala/pages/second.vue

@@ -3,9 +3,9 @@
     <img src="@/assets/img/Hi.png" class="title" />
     <div class="titlselect">点我进入</div>
     <img src="@/assets/img/bottom.png" class="titlbottom" />
-    <div class="star">
+    <!-- <div class="star">
       <img src="@/assets/img/star.png" class="starimg" />
-    </div>
+    </div> -->
     <div :class="{swiper: true, isSelect: swiperClick}" @click="close">
       <div
         class="clickEle"
@@ -41,7 +41,7 @@ function close() {
 //   background-size: 100% 100%;
   .title{
     position: absolute;
-    width: 15em;
+    width: 10em;
     top: 12vh;
     left: 10vw;
   }
@@ -66,15 +66,15 @@ function close() {
     width: 60px;
     height: 60px;
     z-index: 1;
-    .starimg {
-      animation: star 3s infinite;
-      width: 15px;
-      height: 15px;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
+    // .starimg {
+    //   animation: star 3s infinite;
+    //   width: 15px;
+    //   height: 15px;
+    //   position: absolute;
+    //   top: 50%;
+    //   left: 50%;
+    //   transform: translate(-50%, -50%);
+    // }
   }
   .swiper {
     width: 4em;