From 3e2939463cdbc0ab950ffede86c8d4d35f574f1e Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Thu, 19 Mar 2026 18:48:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=9A=E5=91=98=E4=B8=AD=E5=BF=83?=
 =?UTF-8?q?=E5=85=A8=E5=B1=80=E9=A1=B5=E9=9D=A2=E8=B7=B3=E8=BD=AC=E8=BF=87?=
 =?UTF-8?q?=E6=B8=A1=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

header.php: CSS 入场动画(fadeIn + translateY)
footer.php: JS 拦截链接点击，先淡出再跳转
- 入场: 0.35s 从下方8px渐显
- 离场: 0.25s 向上8px渐隐
- 跳过: 锚点/javascript:/新窗口/修饰键
---
 clientarea/hgcloud/footer.php | 17 +++++++++++++++++
 clientarea/hgcloud/header.php | 18 ++++++++++++++++++
 2 files changed, 35 insertions(+)

diff --git a/clientarea/hgcloud/footer.php b/clientarea/hgcloud/footer.php
index 9af930f..5c562a2 100644
--- a/clientarea/hgcloud/footer.php
+++ b/clientarea/hgcloud/footer.php
@@ -6,6 +6,23 @@
 <script src="/{$template_catalog}/template/{$themes}/components/coinActive/coinActive.js"></script>
 <script src="/{$template_catalog}/template/{$public_themes}/components/asideMenu/asideMenu.js"></script>
 <script src="/{$template_catalog}/template/{$public_themes}/components/topMenu/topMenu.js"></script>
+
+<!-- 页面过渡动画 -->
+<script>
+(function() {
+  document.addEventListener('click', function(e) {
+    var link = e.target.closest('a[href]');
+    if (!link) return;
+    var href = link.getAttribute('href');
+    // 跳过：锚点、javascript:、新窗口、带修饰键
+    if (!href || href.startsWith('#') || href.startsWith('javascript') ||
+        link.target === '_blank' || e.ctrlKey || e.metaKey || e.shiftKey) return;
+    e.preventDefault();
+    document.body.classList.add('page-leaving');
+    setTimeout(function() { window.location.href = href; }, 250);
+  });
+})();
+</script>
 </body>
 
 </html>
diff --git a/clientarea/hgcloud/header.php b/clientarea/hgcloud/header.php
index 9d1cf03..f6a8dfb 100644
--- a/clientarea/hgcloud/header.php
+++ b/clientarea/hgcloud/header.php
@@ -17,6 +17,24 @@
     <!-- 模板样式 -->
     <link rel="stylesheet" href="/{$template_catalog}/template/{$public_themes}/css/common/reset.css">
 
+    <!-- 页面过渡动画 -->
+    <style>
+      body {
+        animation: pageEnter 0.35s ease both;
+      }
+      body.page-leaving {
+        animation: pageLeave 0.25s ease both;
+      }
+      @keyframes pageEnter {
+        from { opacity: 0; transform: translateY(8px); }
+        to   { opacity: 1; transform: translateY(0); }
+      }
+      @keyframes pageLeave {
+        from { opacity: 1; transform: translateY(0); }
+        to   { opacity: 0; transform: translateY(-8px); }
+      }
+    </style>
+
     <script src="/{$template_catalog}/template/{$themes}/theme/index.js"></script>
 
     <link rel="stylesheet" href="/{$template_catalog}/template/{$public_themes}/css/common/common.css">