updates

src/components/layout/Footer.vue

@@ -87,12 +87,10 @@
   </footer>
   <div class="app-copyright">
     <div class="app-copyright-inner">
-      <span
-        >Copyright © 2022 Zijing Education. All rights reserved.
-        <a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/"
-          >京ICP证150431号
-        </a>
-      </span>
+      <div>Copyright © 2022 Zijing Education. All rights reserved.</div>
+      <a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/"
+        >京ICP证150431号
+      </a>
 
       <a
         target="_blank"
@@ -152,6 +150,7 @@
     justify-content: space-between;
     .h5_top {
       display: flex;
+
       .top_right {
         margin-left: 60px;
       }
@@ -238,36 +237,30 @@
       margin-left: 10px;
     }
   }
+  .app-copyright-inner {
+    max-width: 1200px;
+    margin: 0 auto;
+    font-size: 12px;
+    line-height: 40px;
+    color: #999;
+    text-align: center;
+    display: flex;
+  }
 }
 .app-copyright {
   background-color: #242424;
 }
-.app-copyright-inner {
-  max-width: 1200px;
-  margin: 0 auto;
-  font-size: 12px;
-  line-height: 40px;
-  color: #999;
-  text-align: center;
-}
 
 // .app-footer-link-h5 {
 //   display: none;
 // }
 .is-h5 {
   .app-footer {
-    border-top: 1px solid #898989;
-    border-bottom: 1px solid #898989;
     background-color: #242424;
     padding-bottom: 0.5rem;
     .app-footer-inner {
       padding: 0.2rem;
     }
-
-    .app-copyright-inner {
-      display: flex;
-      flex-direction: column;
-    }
   }
   .app-footer-left {
     .app-footer-left__top {
@@ -293,7 +286,7 @@
     margin-top: 0.3rem;
     .h5_top {
       display: flex;
-      justify-content: space-around;
+      justify-content: space-between;
       .tit {
         font-size: 0.22rem;
         white-space: nowrap;
@@ -311,7 +304,7 @@
         }
       }
       .top_right {
-        margin-left: 0.8rem;
+        margin-left: 0.58em;
       }
     }
     .h5_bottom {
@@ -364,7 +357,7 @@
   }
   .app-copyright {
     .app-copyright-inner {
-      line-height: 3;
+      line-height: 2;
       font-size: 0.2rem;
       font-weight: 300;
       color: #999999;
@@ -373,6 +366,14 @@
         display: inline-block;
         white-space: nowrap;
       }
+      a {
+        display: flex;
+        justify-content: center;
+        img {
+          width: 0.4rem;
+          height: 0.4rem;
+        }
+      }
     }
   }
 

src/components/layout/Index.vue

@@ -18,14 +18,8 @@ const props = defineProps<Props>()
     <section class="app-layout-container">
       <router-view :key="$route.fullPath"></router-view>
     </section>
-    <template
-      v-if="
-        (!mobile && !route.path.includes('/shop/pay')) ||
-        (!mobile && route.path !== '/shop')
-      "
-    >
-      <AppFooter></AppFooter>
-    </template>
+
+    <AppFooter></AppFooter>
     <template v-if="!mobile">
       <RightAside />
     </template>

src/modules/pay/components/Confirm.vue

@@ -460,11 +460,11 @@ const changeProtocol = () => {
       }
     }
     .to_pay_main {
-      position: fixed;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      width: 100%;
+      // position: fixed;
+      // bottom: 0;
+      // left: 0;
+      // right: 0;
+      margin: 3.5rem -0.3rem 0;
       height: 1.2rem;
       background: #fff;
       opacity: 1;