🐛 修复页面刷新时短暂显示混乱UI的问题

使用 Vue 的 v-cloak 指令，在 Vue 初始化完成前隐藏页面内容，避免用户看到原始模板标记（FOUC问题） - app.html: 添加 v-cloak - share.html: 添加 v-cloak 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-25 10:30:50 +08:00
parent 76f4b772a9
commit d7a0e8cb9f
2 changed files with 8 additions and 2 deletions
--- a/frontend/app.html
+++ b/frontend/app.html
@@ -107,6 +107,9 @@
  <script src="libs/axios.min.js"></script>
  <link rel="stylesheet" href="libs/fontawesome/css/all.min.css">
  <style>
+    /* 防止 Vue 初始化前显示原始模板 */
+    [v-cloak] { display: none !important; }
+
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      font-family: Arial, sans-serif;
@@ -654,7 +657,7 @@
    </style>
 </head>
 <body>
-  <div id="app">
+  <div id="app" v-cloak>
    <div class="auth-container" v-if="!isLoggedIn">
      <div class="auth-box">
        <div class="auth-title">