feat(web): 构建漂流瓶移动端 PWA

- 演示登录、内存令牌、单 Promise 刷新与路由守卫\n- 投瓶、捞瓶、首次回复、会话与实时聊天\n- 独立管理员登录与审核/举报工作台\n- Socket 认证续期、断线补齐与账号切换清理\n- PWA 离线壳、深海主题与移动端无障碍
2026-09-17 22:19:24 +08:00
parent fa0fa78312
commit 7ca855f19c
42 changed files with 8498 additions and 2900 deletions
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+defineProps<{ title: string; back?: boolean }>();
+</script>
+<template>
+  <header class="topbar">
+    <RouterLink v-if="back" to="/" class="icon-link" aria-label="返回首页"
+      >‹</RouterLink
+    >
+    <div>
+      <small>DRIFT / 深海</small>
+      <h1>{{ title }}</h1>
+    </div>
+    <slot />
+  </header>
+</template>