feats

src/pages/pg1/video.vue

@@ -53,19 +53,19 @@ onMounted(() => {
   }
 
   
-  // 自动全屏
-  function launchFullscreen(element) {
-    if(element.requestFullscreen) {
-      element.requestFullscreen();
-    } else if(element.mozRequestFullScreen) {
-      element.mozRequestFullScreen();
-    } else if(element.webkitRequestFullscreen) {
-      element.webkitRequestFullscreen();
-    } else if(element.msRequestFullscreen) {
-      element.msRequestFullscreen();
-  }}
+  // // 自动全屏
+  // function launchFullscreen(element) {
+  //   if(element.requestFullscreen) {
+  //     element.requestFullscreen();
+  //   } else if(element.mozRequestFullScreen) {
+  //     element.mozRequestFullScreen();
+  //   } else if(element.webkitRequestFullscreen) {
+  //     element.webkitRequestFullscreen();
+  //   } else if(element.msRequestFullscreen) {
+  //     element.msRequestFullscreen();
+  // }}
 
-  launchFullscreen(mediaRef.value);
+  // launchFullscreen(mediaRef.value);
 });
 
 </script>
@@ -84,6 +84,9 @@ onMounted(() => {
   }
   .content {
     position: relative;
+    box-sizing: border-box;
+    padding-bottom: 100px;
+
     video {
       // width: 100%;
       width: 100vw;

src/pages/pg2-2/index.vue

@@ -122,22 +122,13 @@
           <br />唤起人们对和平的向往和珍视，
           <br />南京广播电视集团发起了“紫金草行动”。<br />九年了，
           <br />
-          <Animate
-            comp="span"
-            class="animate__infinite"
-            name="animate__headShake"
-            style="display: inline-block; width: 50vw; margin-top: 10px;"
-            delay="300ms"
-            :ready="show3"
-            @click="onGoFoward"
-          >
-            <img src="/images/pg2-2/goAgain.png" alt="">
-          </Animate>
+          <!-- 这个动效不要了 -->
+          <img class="" src="/images/pg2-2/goAgain.png" alt="" @click="onGoFoward">
         </p>
       </Animate>
     </div>
     <div class="bk-pd content">
-      <img class="zjclogo-img" src="/images/pg2-2/紫金草行动logo拷贝.png" />
+      <img class="zjclogo-img" src="/images/pg2-2/紫金草跳转按钮.gif" @click="onGoFoward" />
     </div>
   </div>
 </template>
@@ -272,12 +263,18 @@ const onGoFoward = () => {
   .content {
     .topbottom {
       margin: 0 auto;
+
+      img {
+        width: 50vw;
+        margin: auto;
+        margin-top: 16px;
+      }
     }
   }
   .content {
     .zjclogo-img {
       margin: 1em auto;
-      width: 38%;
+      width: 60%;
       display: inline-block;
     }
   }

src/utils/resources.js

@@ -63,6 +63,7 @@ export const resources = [
   { image: './images/pg2-2/图.png' },
   { image: './images/pg2-2/照片4.png' },
   { image: './images/pg2-2/紫金草行动logo拷贝.png' },
+  { image: './images/pg2-2/紫金草跳转按钮.gif' },
   { image: './images/pg2-2/组4.png' },
 
   { image: './images/pg3/1.png' },