底部修改h5

components/layout/h5/Footer.vue

 <template>
   <footer class="main-footer">
     <div class="top">
+      <div class="link">
+        <div class="link-left link-con">
+          <div class="tit">关于项目</div>
+          <div class="tit">常见问题</div>
+          <div class="tit">清控紫荆教育</div>
+          <div class="tit">国际硕士1+1</div>
+        </div>
+        <div class="line"></div>
+        <div class="link-center link-con">
+          <div class="tit">招生信息</div>
+          <div class="tit">院校介绍</div>
+          <div class="tit">师资力量</div>
+        </div>
+        <div class="line"></div>
+        <div class="link-right link-con">
+          <div class="tit">报名系统</div>
+          <div class="tit">资料下载</div>
+          <div class="tit">归国政策</div>
+        </div>
+      </div>
       <div class="about">
         <p>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区中关村东路1号院清华科技园7号楼5层</p>
         <p>联系电话：010-62799201</p>
         <p>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com</p>
       </div>
-      <div class="link">
+      <!-- <div class="link">
         <template v-for="(item, index) in link">
           <a :href="item.href" :key="index" target="_blank">{{ item.title }}</a>
         </template>
@@ -21,7 +41,7 @@
     <div class="copyright">
       <p>Copyright @ 2017 Zijing Education. All rights reserved.</p>
       <p>京ICP证150431号 <img src="~/assets/images/icon_jinghui.png" height="12" />京公网安备 11010802023681号</p>
-      <p>清控紫荆（北京）教育科技股份有限公司</p>
+      <p>清控紫荆（北京）教育科技股份有限公司</p> -->
     </div>
   </footer>
 </template>
@@ -54,45 +74,41 @@ export default {
     color: #fff;
     background-color: #aa1941;
     padding: 0.24rem 0.15rem;
-  }
-  .about {
-    p {
-      font-size: 0.11rem;
-    }
-    p + p {
-      margin-top: 10px;
-    }
-  }
-  .link {
-    margin-top: 0.22rem;
-    a {
-      font-size: 0.11rem;
-      margin-right: 0.2rem;
+    .link {
+      display: flex;
+      justify-content: space-around;
+      align-items: flex-start;
+      .line {
+        width: 0px;
+        height: 0.7rem;
+        border: 0.005rem solid #cc9d9d;
+        margin-top: 0.05rem;
+        opacity: 0.5;
+      }
+      .link-con {
+        display: flex;
+        justify-content: flex-start;
+        align-items: flex-start;
+        flex-direction: column;
+        .tit {
+          font-size: 0.11rem;
+          line-height: 0.2rem;
+          font-weight: 300;
+          color: #ededed;
+        }
+      }
     }
-  }
-  .friendlink {
-    font-size: 0.11rem;
-    margin-top: 0.22rem;
-    a {
-      font-size: 0.11rem;
-      line-height: 0.18rem;
-      margin-right: 0.1rem;
-      white-space: nowrap;
-    }
-  }
-  .copyright {
-    padding: 0.15rem 0 0.24rem;
-    p {
-      font-size: 0.1rem;
-      color: #999;
-      text-align: center;
-    }
-    p + p {
-      margin-top: 0.15rem;
-    }
-    img {
-      margin: -4px 5px 0;
-      vertical-align: middle;
+    .about {
+      padding: 0.24rem 0.15rem;
+
+      p {
+        font-size: 0.11rem;
+        font-weight: 300;
+        color: #ffffff;
+      }
+      p + p {
+        margin-top: 10px;
+      }
     }
   }
 }

components/layout/h5/Header.vue

@@ -13,7 +13,7 @@
           </nuxt-link>
         </div>
         <!-- <nuxt-link to="/" class="logo"></nuxt-link> -->
-        <div class="search" @click="toggleSearch"></div>
+        <!-- <div class="search" @click="toggleSearch"></div> -->
         <div class="menu" :class="menuClasses" @click="toggleMenu"></div>
       </template>
       <div class="search-box" v-else>

pages/dataDownload/dataDownload.vue

@@ -6,6 +6,7 @@
         href="https://webapp-pub.ezijing.com/project/marywood/%E6%8B%9B%E7%94%9F%E7%AE%80%E7%AB%A0.pdf"
         class="part"
         target="_blank"
+        v-if="!isMobile"
       >
         <div class="item">
           <img src="https://webapp-pub.ezijing.com/project/marywood/pdf.png" alt="" />
@@ -15,6 +16,13 @@
         </div>
       </a>
 
+      <div class="item" v-else @click="download">
+        <img src="https://webapp-pub.ezijing.com/project/marywood/pdf.png" alt="" />
+        <p class="doc">招生简章.pdf</p>
+        <p class="p1">最新更新</p>
+        <p class="p2">下载</p>
+      </div>
+
       <a
         href="https://webapp-pub.ezijing.com/project/marywood/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.docx"
         download="常见问题.docx"