页脚新增微信二维码入口

src/components/Layout/Footer.tsx

@@ -42,6 +42,19 @@ export default function Footer() {
             {config?.contact_email && <a className="footer-contact-link" href={`mailto:${config.contact_email}`}>{config.contact_email}</a>}
           </p>}
         </div>
+        <div className="footer-qr">
+          <h4>{texts['footer.qr_title'] || '关注我们'}</h4>
+          <div className="footer-qr-list">
+            <figure>
+              <img src="/images/xcx.jpg" alt={texts['footer.xcx_qr_label'] || '微信小程序二维码'} />
+              <figcaption>{texts['footer.xcx_qr_label'] || '微信小程序'}</figcaption>
+            </figure>
+            <figure>
+              <img src="/images/fwh.jpg" alt={texts['footer.fwh_qr_label'] || '微信服务号二维码'} />
+              <figcaption>{texts['footer.fwh_qr_label'] || '微信服务号'}</figcaption>
+            </figure>
+          </div>
+        </div>
       </div>
       <div className="container footer-bottom">
         <p>{texts['footer.copyright'] || '© 2026 成都阿美巴企业管理咨询有限公司 | aiameiba.com · ameiba.cn'}</p>

src/components/Layout/layout.css

@@ -56,7 +56,7 @@
   padding: 48px 0 24px;
   margin-top: 0;
 }
-.footer-grid { display: grid; grid-template-columns: 1.6fr 0.8fr 0.8fr; gap: 32px; }
+.footer-grid { display: grid; grid-template-columns: 1.45fr 0.72fr 0.86fr 1.15fr; gap: 28px; }
 .footer-brand { color: #fff; font-weight: 800; margin-bottom: 10px; }
 .footer-desc { font-size: 13px; line-height: 1.7; color: #94a3b8; }
 .footer-note { color: #f59e0b; }
@@ -79,6 +79,10 @@
 .footer-bottom a { color: #94a3b8; }
 .footer-contact-link { color: #94a3b8; }
 .footer-contact-link:hover { color: #fff; }
+.footer-qr-list { display: flex; gap: 12px; }
+.footer-qr figure { margin: 0; text-align: center; }
+.footer-qr img { width: 96px; height: 96px; object-fit: cover; background: #fff; border-radius: 6px; padding: 3px; }
+.footer-qr figcaption { color: #94a3b8; font-size: 12px; margin-top: 6px; }
 
 @media (max-width: 960px) {
   .nav-menu, .nav-resident {
@@ -106,4 +110,6 @@
   .mobile-nav-actions .btn { width: 100%; min-height: 44px; }
   .hamburger { display: flex; }
   .footer-grid { grid-template-columns: 1fr; }
+  .footer-qr-list { gap: 16px; }
+  .footer-qr img { width: 112px; height: 112px; }
 }