fix: 使用Qoder统一功能修改完善。

src/components/Footer.vue

@@ -1,14 +1,14 @@
 <template>
   <footer class="zui-footer">
-    <div style="display: flex;justify-content: center; align-items: center;">
-      <img src ="../assets/img/qrcode.png" width="270" height="155">
-     </div>
-    <div class="links">
-   
-      <a href="https://beian.miit.gov.cn/" target="_blank"> 鲁ICP备2024118666号-1</a>
-      <img src ="./img/gongan.png" width="18" height="20">&nbsp;<a href="https://beian.mps.gov.cn/#/query/webSearch?code=37021202001661" rel="noreferrer" target="_blank">鲁公网安备37021202001661</a>
+    <div class="footer-content">
+      <div class="footer-qrcode">
+        <img src="../assets/img/qrcode.png" width="270" height="155" alt="客服二维码">
+      </div>
+      <div class="links">
+        <a href="https://beian.miit.gov.cn/" target="_blank">鲁ICP备2024118666号-1</a>
+        <img src="./img/gongan.png" width="18" height="20" alt="公安图标">&nbsp;<a href="https://beian.mps.gov.cn/#/query/webSearch?code=37021202001661" rel="noreferrer" target="_blank">鲁公网安备37021202001661</a>
+      </div>
     </div>
-
     <p class="copy-right">
        Copyright 2025 智聪网络科技 .All rights reserved
       <br>

src/components/Page.vue

@@ -24,8 +24,7 @@
     },
     computed: {
       cls () {
-        const cls = (Util.os.android || Util.os.iPhone || Util.os.wechat || Util.os.wechat|| Util.os.mobile) ? '' : 'min-1200'
-        return 'zui-page ' + cls
+        return 'zui-page'
       },
       toastText () {
         return this.$store.state.toastText

src/components/less/button.less

@@ -4,8 +4,21 @@
   color: #fff;
   font-size: 14px;
   line-height: 50px;
-  border-radius: 6px;
-  background: #F7931E;
+  border-radius: 10px;
+  background: linear-gradient(135deg, #00b8ff, #007bff);
+  border: none;
   min-width: 190px;
+  box-shadow: 0 0 0 rgba(0, 212, 255, 0);
+  transition: all .2s ease;
   .cursor();
 }
+
+.@{prefix}-button:hover{
+  background: linear-gradient(135deg, #00c2ff, #0088ff);
+  box-shadow: 0 0 12px rgba(0, 212, 255, 0.5);
+}
+
+.@{prefix}-button:active{
+  background: linear-gradient(135deg, #00a8f0, #006fe6);
+  transform: translateY(1px);
+}

src/components/less/footer.less

@@ -5,6 +5,7 @@
   min-height: 125px;
   background: #646464;
   padding: 40px 0 0 0;
+  border-top: 1px solid rgba(255,255,255,0.25);
   .links {
     color: #fff;
     font-size: 16px;
@@ -36,6 +37,19 @@
     margin: 8px 0 0 0;
     padding-bottom: 10px;
   }
+  .footer-content {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 12px;
+    padding: 0 16px;
+  }
+  .footer-qrcode img {
+    display: block;
+    max-width: 270px;
+    height: auto;
+  }
 }
 
 @media (max-width: 420px) {
@@ -52,5 +66,20 @@
         display: block;
       }
     }
+    .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;
+    }
   }
 }

src/components/less/header.less

@@ -3,6 +3,12 @@
 .@{prefix}-header {
   width: 100%;
   height: 100px;
+  background: rgba(255,255,255,0.75);
+  backdrop-filter: saturate(180%) blur(8px);
+  box-shadow: 0 4px 14px rgba(16,24,40,0.08);
+  position: sticky;
+  top: 0;
+  z-index: 100;
   .float-clear;
   .@{prefix}-logo{
     width: 135px;
@@ -20,13 +26,21 @@
     text-align: center;
     margin: 0 0 0 0px;
   }
+  .@{prefix}-logo-text a{
+    color: var(--color-text);
+    text-decoration: none;
+    margin: 0 8px;
+    font-weight: 600;
+  }
+  .@{prefix}-logo-text a:hover{
+    color: var(--color-accent);
+    text-decoration: underline;
+  }
   .@{prefix}-button{
     float: right;
     line-height: 40px;
-    background: #236579;
     margin: 30px 30px 0 0;
     min-width: 100px;
-    border-radius: 10px;
   }
   .@{prefix}-rightcol{
     display: none;

src/components/less/page.less

@@ -1,20 +1,104 @@
 @import './reset.less';
 
+:root {
+  --color-bg: #edf7f7;
+  --color-text: #1f2a37;
+  --color-accent: #35A3BA;
+  --color-accent-strong: #0ea5b7;
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-4: 16px;
+  --radius-1: 10px;
+  --radius-2: 16px;
+  --shadow-1: 0 2px 8px rgba(16,24,40,.06);
+  --shadow-2: 0 8px 24px rgba(16,24,40,.08);
+  --transition-fast: 180ms;
+}
+
 .zui-page {
   width: 100%;
   min-height: 100%;
   margin: 0 auto;
   font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  &.min-1200 {
-    min-width: 1200px;
+  background: var(--color-bg);
+  color: var(--color-text);
+  a {
+    text-decoration: none;
   }
   a:hover {
     color: #35A3BA;
     text-decoration: underline;
   }
+  .zui-nav-link {
+    text-decoration: none;
+    color: inherit;
+    margin-left: 12px;
+  }
+  .zui-nav-link:hover {
+    text-decoration: underline;
+    color: #35A3BA;
+  }
+  .zui-nav-link--mobile {
+    font-size: 12px;
+  }
   .clear:after {
     content: '';
     display: table;
     clear: both;
   }
 }
+
+/* Drawer menu */
+.zui-drawer-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 999;
+}
+.zui-drawer {
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: 70%;
+  max-width: 300px;
+  height: 100%;
+  background: #fff;
+  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.06);
+  z-index: 1000;
+  padding: 16px;
+}
+.zui-drawer__header {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 12px;
+  color: #333;
+}
+.zui-drawer__list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.zui-drawer__list li {
+  padding: 12px 8px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.zui-drawer__list li:hover {
+  background: #f6f8fa;
+  cursor: pointer;
+}
+@media (min-width: 1200px) {
+  .zui-drawer,
+  .zui-drawer-overlay {
+    display: none;
+  }
+}
+
+@media (min-width: 1200px) {
+  .zui-page {
+    min-width: 1200px;
+  }
+}