fix:界面优化

src/components/less/footer.less

@@ -52,12 +52,34 @@
   }
 }
 
-@media (max-width: 420px) {
+@media (max-width: 768px) {
   .@{prefix}-footer {
+    padding: 25px 15px 15px 15px;
+    .footer-content {
+      flex-direction: column;
+      gap: 15px;
+      padding: 0;
+    }
+    .footer-qrcode {
+      width: 100%;
+      text-align: center;
+    }
+    .footer-qrcode img {
+      width: 200px !important;
+      max-width: 200px;
+      height: auto !important;
+      margin: 0 auto 10px;
+    }
     .links {
+      width: 100%;
+      padding: 0 5px;
       a {
-        margin: 0 5px;
-        font-size: 12px;
+        display: inline-block;
+        margin: 0 3px;
+        padding: 4px 6px;
+        font-size: 11px;
+        line-height: 1.6;
+        border-radius: 4px;
         &:after {
           content: none;
         }
@@ -65,21 +87,16 @@
       br {
         display: block;
       }
+      img {
+        width: 14px !important;
+        height: 16px !important;
+        vertical-align: middle;
+      }
     }
-    .footer-content {
-      flex-direction: column;
-      gap: 12px;
-    }
-    .footer-qrcode img {
-      width: 180px !important;
-      height: auto !important;
-      margin-bottom: 8px;
-    }
-    .links a {
-      display: inline-block;
-      padding: 4px 6px;
-      line-height: 1.6;
-      border-radius: 4px;
+    .copy-right {
+      font-size: 11px;
+      padding: 10px 5px;
+      line-height: 1.5;
     }
   }
 }

src/components/less/header.less

@@ -58,7 +58,7 @@
   }
 }
 
-@media (max-width: 420px) {
+@media (max-width: 768px) {
   .@{prefix}-header{
     height: 60px;
     .zui-logo{
@@ -67,31 +67,50 @@
       margin: 0 0 0 10px;
     }
     .@{prefix}-logo-text{
-      padding-top: 14px;
-      font-size: 12px;
       height: 60px;
+      line-height: 60px;
+      font-size: 10px;
+      margin: 0;
+      a {
+        margin: 0 4px;
+        font-size: 10px;
+      }
     }
     .@{prefix}-button{
-      display: none;
+      display: none !important;
     }
     .@{prefix}-rightcol{
-      display: flex;
-      font-size: 10px;
+      display: flex !important;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
       float: right;
-      line-height: 30px;
-      margin: 15px 5px 0 0;
-      min-width: 50px;
+      line-height: 35px;
+      margin: 12px 10px 0 0;
+      min-width: 60px;
+      padding: 0 12px;
       font-weight: bold;
-      color: #32adc6;
+      color: #fff;
+      background: linear-gradient(135deg, #35A3BA, #0088ff);
+      border-radius: 6px;
+      cursor: pointer;
+      box-shadow: 0 2px 6px rgba(53, 163, 186, 0.3);
+      transition: all 0.2s ease;
+    }
+    .@{prefix}-rightcol:active {
+      transform: scale(0.96);
+      box-shadow: 0 1px 3px rgba(53, 163, 186, 0.4);
     }
     .@{prefix}-logo-line {
-      width: 1px;
-      height: 30px;
-      background: #32adc6;
-      display: inline-block;
-      position: relative;
-      top: 15px;
-      left: 5px;
+      display: none;
+    }
+  }
+}
+
+@media (min-width: 769px) {
+  .@{prefix}-header{
+    .@{prefix}-rightcol{
+      display: none !important;
     }
   }
 }

src/components/less/page.less

@@ -90,6 +90,11 @@
   background: #f6f8fa;
   cursor: pointer;
 }
+@media (max-width: 600px) {
+  .zui-page {
+    overflow-x: hidden;
+  }
+}
 @media (min-width: 1200px) {
   .zui-drawer,
   .zui-drawer-overlay {