bug修复

components/home/Video.vue

 <template>
   <div class="banner-content">
-    <video
-      class="video"
-      src="https://webapp-pub.ezijing.com/www/pc/%E7%B4%AB%E8%8D%86%E5%AE%A3%E4%BC%A0%E7%89%8720201224.mp4"
-      controls="controls"
-      preload="none"
-    ></video>
+    <img class="img" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/video.png" alt="" />
+    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/video_logo.png" alt="" @click="open" />
+    <video v-show="isShow" class="video" src="../../public/marywood.mp4" controls="controls" preload="none"></video>
+    <div class="overlay" v-show="isShow" @click="close"></div>
   </div>
 </template>
 
 <script>
-export default {}
+export default {
+  data() {
+    return {
+      isShow: false
+    }
+  },
+  methods: {
+    open() {
+      this.isShow = true
+      document.getElementsByTagName('body')[0].style.height = '100%'
+      document.getElementsByTagName('body')[0].style.overflow = 'hidden'
+    },
+    close() {
+      this.isShow = false
+      document.getElementsByTagName('body')[0].style.height = ''
+      document.getElementsByTagName('body')[0].style.overflow = ''
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>
+.overlay {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1999;
+  background: rgba(0, 0, 0, 0.5);
+}
 .banner-content {
   position: relative;
   width: 1200px;
   margin: 0 auto;
-  padding: 56px 0 100px;
+  margin-top: 56px;
+  margin-bottom: 100px;
+  img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
   .video {
-    width: 100%;
+    width: 60%;
     height: 100%;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 10000;
   }
 }
 </style>

pages/dataDownload/dataDownload.vue

@@ -2,7 +2,11 @@
   <app-frame :data="frameParams">
     <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/data_banner.png" alt="" />
     <div class="dataList">
-      <a href="/public/WM_11_Vue3组件化开发（一）.pdf" download="111.pdf" class="part">
+      <a
+        href="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/English_Intro.doc"
+        download="111.pdf"
+        class="part"
+      >
         <div class="item">
           <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/pdf.png" alt="" />
           <p class="doc">招生简章.pdf</p>
@@ -10,7 +14,11 @@
           <p class="p2">下载</p>
         </div>
       </a>
-      <a href="/public/WM_11_Vue3组件化开发（一）.pdf" download="111.pdf" class="part">
+      <a
+        href="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.docx"
+        download="常见问题.docx"
+        class="part"
+      >
         <div class="item">
           <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/doc.png" alt="" />
           <p class="doc">常见问题.docx</p>
@@ -18,7 +26,11 @@
           <p class="p2">下载</p>
         </div>
       </a>
-      <a href="/public/WM_11_Vue3组件化开发（一）.pdf" download="111.pdf" class="part">
+      <a
+        href="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/%E6%8E%A8%E8%8D%90%E4%BF%A1%E8%A6%81%E6%B1%82.docx"
+        download="推荐信要求.docx"
+        class="part"
+      >
         <div class="item">
           <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/doc.png" alt="" />
           <p class="doc">推荐信要求.docx</p>
@@ -26,7 +38,11 @@
           <p class="p2">下载</p>
         </div>
       </a>
-      <a href="/public/WM_11_Vue3组件化开发（一）.pdf" download="111.pdf" class="part">
+      <a
+        href="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/%E7%94%B3%E8%AF%B7%E6%9D%90%E6%96%99%E6%B8%85%E5%8D%95.docx"
+        download="申请材料清单.docx"
+        class="part"
+      >
         <div class="item">
           <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/doc.png" alt="" />
           <p class="doc">申请材料清单.docx</p>
@@ -34,7 +50,11 @@
           <p class="p2">下载</p>
         </div>
       </a>
-      <a href="/public/WM_11_Vue3组件化开发（一）.pdf" download="111.pdf" class="part">
+      <a
+        href="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/%E8%8B%B1%E6%96%87%E7%AE%80%E5%8E%86%E6%A8%A1%E6%9D%BF.doc"
+        download="英文简历模板.doc"
+        class="part"
+      >
         <div class="item">
           <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/doc.png" alt="" />
           <p class="doc">英文简历模板.docx</p>