feat(离线): 界面离线可看 —— GET 响应本地缓存 + 同步凭证持久化 (离线不清库) + 左上角离线徽标 (与 Windows 外壳分支同源)

2026-10-26 16:05:59 +08:00
parent 9f16db4286
commit f34c8c3bae
5 changed files with 199 additions and 17 deletions
@@ -70,6 +70,35 @@ input, textarea, select { font: inherit; }
  background: var(--color-bg);
 }

+/* 离线标识 (0.2.1): 窗口左上角, 仅在离线/服务不可达时出现 */
+.offline-badge {
+  position: fixed;
+  top: calc(var(--safe-top) + 4px);
+  left: 6px;
+  z-index: 120;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 6px;
+  border-radius: 999px;
+  background: rgba(255, 77, 79, 0.12);
+  border: 1px solid rgba(255, 77, 79, 0.35);
+  color: #cf1322;
+  font-size: 10px;
+  line-height: 1;
+  font-weight: 600;
+  pointer-events: none;
+  user-select: none;
+}
+.offline-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #ff4d4f;
+  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.18);
+}
+.offline-text { letter-spacing: 1px; }
+
 .app-main {
  flex: 1 1 auto;
  min-height: 0;