修改

src/views/layout/pc/footer/components/QRCode.vue

@@ -5,10 +5,14 @@ onMounted(() => {})
 
 <template>
   <div class="QR-code">
-    <img class="QR-img" :src="`./static/images/footer/QR_code.png`" />
-    <div class="label">企业微信</div>
-    <img class="QR-img item" :src="`./static/images/footer/mark.png`" alt="" />
-    <div class="label">熊雨翔</div>
+    <div class="QR-dev">
+      <img class="QR-img" :src="`./static/images/footer/QR_code.png`" />
+      <div class="label">企业微信</div>
+    </div>
+    <div class="QR-dev">
+      <img class="QR-img" :src="`./static/images/footer/mark.png`" alt="" />
+      <div class="label">熊雨翔</div>
+    </div>
   </div>
 </template>
 
@@ -16,7 +20,13 @@ onMounted(() => {})
 .QR-code {
   width: 100%;
   height: 100%;
-  background-color: $white;
+  display: flex;    
+  justify-content: center; 
+  gap: 20px;      
+  .QR-dev {
+    width: 150px;
+    height: 200px;
+  }
   .QR-img {
     width: 150px;
     height: 150px;
@@ -26,8 +36,5 @@ onMounted(() => {})
     text-align: center;
     color: $white;
   }
-  .item {
-    margin-top: 20px;
-  }
 }
 </style>

src/views/layout/pc/footer/index.vue

@@ -26,7 +26,8 @@ const toMIIF = () => {
         Copyright © 2023.Rangu Technology Co.,Ltd. All rights reserved.
         燃谷科技（南京）有限公司
       </span>
-      <span class="url" @click="toMIIF">苏ICP备2023030548号</span>
+      <span class="url" @click="toMIIF">苏ICP备2023030548号-1</span>
+      <span class="url" @click="toMIIF">苏ICP备2023030548号-5</span>
     </div>
   </div>
 </template>
@@ -45,7 +46,7 @@ const toMIIF = () => {
     left: 190px;
   }
   #nav {
-    width: calc(100% - 410px - 380px);
+    width: calc(100% - 410px - 550px);
     position: absolute;
     left: 410px;
     top: $top;
@@ -53,7 +54,7 @@ const toMIIF = () => {
     box-sizing: border-box;
   }
   #QR {
-    width: 150px;
+    width: 320px;
     height: 150px;
     position: absolute;
     top: $top;