From 870f8a5da34824100531ed3dbf1cdd74bc6e72e0 Mon Sep 17 00:00:00 2001
From: guoqingshan <guoqingshan@youzhilian.cn>
Date: Sun, 2 Aug 2026 10:35:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=9D=E5=AD=98=E5=90=8E=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E6=97=A5=E8=AE=B0=E5=88=97=E8=A1=A8=E5=B9=B6=E5=B0=86?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E7=A7=BB=E5=8A=A8=E5=88=B0=E5=8F=B3=E4=BE=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.js     | 11 ++++++++++-
 index.html | 14 +++++++-------
 style.css  | 10 +++++++---
 3 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/app.js b/app.js
index 203dee9..3f5515f 100644
--- a/app.js
+++ b/app.js
@@ -299,11 +299,13 @@ function saveCurrentEntry() {
       renderTranslate({ english: translation.english, chinese: translation.chinese });
       var found = entries.find(function(e) { return e.id === state.currentId; });
       if (found) setEditor(found);
+      showDiaryListView();
       document.getElementById('btn-save').textContent = '\uD83D\uDCBE 已保存 \u2713';
       setTimeout(function() { document.getElementById('btn-save').textContent = '\uD83D\uDCBE 保存'; }, 1500);
     });
-  }).catch(function() {
+  }).catch(function(err) {
     document.getElementById('btn-save').textContent = '\uD83D\uDCBE 保存';
+    alert((err && err.message) || '保存失败，请检查网络或登录状态');
   });
 }
 
@@ -313,6 +315,13 @@ function newEntry() {
   document.getElementById('entry-text').focus();
 }
 
+function showDiaryListView() {
+  document.body.dataset.view = 'list';
+  document.querySelectorAll('#mobile-nav button').forEach(function(btn) {
+    btn.classList.toggle('active', btn.dataset.view === 'list');
+  });
+}
+
 // ----- Modal -----
 
 var pendingDeleteId = null;
diff --git a/index.html b/index.html
index 0944f4e..280da13 100644
--- a/index.html
+++ b/index.html
@@ -39,13 +39,6 @@
         </ul>
       </div>
 
-      <div id="stats-panel" class="mobile-view-panel" data-view-panel="mine">
-        <div class="panel-header">
-          <h2>📊 我的统计</h2>
-        </div>
-        <div id="stats-content">登录后显示</div>
-      </div>
-
       <div id="user-area">
         <span id="user-name">未登录</span>
         <button id="btn-settings" title="翻译设置">⚙️ 设置</button>
@@ -103,6 +96,13 @@
         <div id="translate-cn" class="translate-text">-</div>
         <button class="btn-speech" data-lang="zh">🔊 朗读</button>
       </div>
+
+      <div id="stats-panel">
+        <div class="panel-header">
+          <h2>📊 我的统计</h2>
+        </div>
+        <div id="stats-content">登录后显示</div>
+      </div>
     </aside>
   </div>
 
diff --git a/style.css b/style.css
index 5812c76..3bafa25 100644
--- a/style.css
+++ b/style.css
@@ -391,10 +391,14 @@ body {
 
   #panel-editor, #panel-translate, #stats-panel { display: none; }
   body[data-view="editor"] #panel-editor { display: flex; }
-  body[data-view="editor"] #panel-list, body[data-view="editor"] #panel-translate, body[data-view="editor"] #stats-panel { display: none; }
+  body[data-view="editor"] #panel-list, body[data-view="editor"] #panel-translate { display: none; }
   body[data-view="translate"] #panel-translate { display: flex; }
-  body[data-view="translate"] #panel-list, body[data-view="translate"] #panel-editor, body[data-view="translate"] #stats-panel { display: none; }
-  body[data-view="mine"] #stats-panel { display: flex; }
+  body[data-view="translate"] #stats-panel { display: flex; }
+  body[data-view="translate"] #panel-list, body[data-view="translate"] #panel-editor { display: none; }
   body[data-view="mine"] #panel-list { display: flex; }
+  body[data-view="mine"] #panel-translate { display: flex; }
+  body[data-view="mine"] #stats-panel { display: flex; }
+  body[data-view="mine"] #panel-translate .panel-header,
+  body[data-view="mine"] #panel-translate .translate-section { display: none; }
   body[data-view="mine"] #entry-list, body[data-view="mine"] #grammar-quick { display: none; }
 }