修改锚点定位问题

src/assets/css/base.css

@@ -100,3 +100,6 @@ body {
 :root {
   --main-color: #aa1941;
 }
+html{
+  scroll-padding-top: 90px;
+}
\ No newline at end of file

src/components/layout/Footer.vue

@@ -53,33 +53,10 @@
                 <dt>邮箱</dt>
                 <dd><a href="mailto:THHZJFI@ezijing.com" class="mail">THHZJFI@ezijing.com</a></dd>
               </dl>
-              <!-- <div class="con_link">
-                地 址：北京市海淀区中关村东路1号院清华科技园7号楼5层
-                <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;深圳市福田区博今商务广场A座22层
-              </div>
-              <div class="con_link">邮箱：THHZJFI@ezijing.com</div> -->
             </div>
           </div>
         </div>
-        <!-- pc -->
-        <!-- <div class="app-footer-link app-footer-link-pc">
-          <ul class="app-footer-link-item">
-            <li>清控紫荆金融保险学院</li>
-            <li>清控紫荆金融保险研究院</li>
-          </ul>
-        </div> -->
       </div>
-      <!-- <div class="app-footer-contact">
-        <h2>联系我们</h2>
-        <dl>
-          <dt>地址</dt>
-          <dd>北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层</dd>
-        </dl>
-        <dl>
-          <dt>邮箱</dt>
-          <dd><a href="mailto:service@ezijing.com" class="mail">service@ezijing.com</a></dd>
-        </dl>
-      </div> -->
       <div class="app-footer-qrcode">
         <img src="https://webapp-pub.ezijing.com/project_online/fi/qrcode.png" width="120" />
         <div class="app-footer-qrcode-content">
@@ -244,31 +221,53 @@
   display: none;
 }
 .is-h5 {
-  .app-footer-link-pc {
-    display: none;
+  .app-footer {
+    .app-footer-inner {
+      padding: 0.2rem;
+    }
+
+    .app-copyright-inner {
+      display: flex;
+      flex-direction: column;
+    }
   }
-  .app-footer-link-h5 {
-    display: flex;
+  .app-footer-left__top {
+    .app-footer-logo {
+      img {
+        display: none;
+      }
+    }
   }
-  .app-footer-inner {
-    padding: 0.5rem 0.45rem;
+  .app-footer-left__bottom {
+    display: flex;
     flex-direction: column;
-  }
-  .app-footer-left {
-    .app-name {
-      font-size: 0.3rem;
-      line-height: 0.3rem;
+    justify-content: flex-start;
+    .tit {
+      font-size: 0.15rem;
     }
-  }
-  .app-footer-link-item {
-    font-size: 0.22rem;
-  }
-  .app-footer-contact {
-    margin: 0.1rem 0;
-    h2 {
-      display: none;
+    .con {
+      margin-top: 0.2rem;
+      .con_link {
+        font-size: 0.1rem;
+      }
+      dt {
+        width: 0.5rem;
+        font-size: 0.1rem;
+        text-align-last: justify;
+        white-space: nowrap;
+      }
+      dd {
+        &::before {
+          content: '：';
+        }
+      }
+      dd {
+        font-size: 0.1rem;
+        white-space: nowrap;
+      }
     }
   }
+
   .app-footer-qrcode {
     display: none;
   }