怎加版本

src/pages/MePage.jsx

@@ -1,6 +1,7 @@
 import { useNavigate } from 'react-router-dom'
 import { Avatar, List, NavBar, Toast } from 'antd-mobile'
 import { useAuth } from '../auth/AuthContext.jsx'
+import { APP_VERSION, BUILD_ID } from '../version.js'
 
 // 我的页: 顶部 NavBar + 用户头像卡片 + 信息列表
 // 使用 antd-mobile: NavBar / List / Avatar / Toast
@@ -44,6 +45,7 @@ export default function MePage() {
           退出登录
         </List.Item>
       </List>
+      <div className="me-version">v{APP_VERSION} · build {BUILD_ID}</div>
     </div>
   )
 }

src/styles/globals.css

@@ -195,6 +195,7 @@ input, textarea, select { font: inherit; }
 .me-list { margin-top: 12px; }
 .me-list .adm-list-item { padding-left: 16px; padding-right: 16px; }
 .me-logout { color: var(--color-danger); }
+.me-version { text-align: center; font-size: 12px; color: var(--color-muted); padding: 18px 0 8px; }
 /* 首页模块: 报警 + 新闻 */
 .home-content { padding: 0 0 16px; }
 .home-content .adm-tabs-content { --content-padding: 0; }

src/version.js

@@ -0,0 +1,11 @@
+// 应用版本信息唯一汇聚点
+//  - APP_VERSION: 唯一手动管理点 = package.json 的 version 字段 (发版时改那里)
+//  - BUILD_ID:    每次编译自动生成 (vite.config.js define 注入 __BUILD_ID__), 无需手动维护
+import pkg from '../package.json'
+
+export const APP_VERSION = pkg.version || '0.0.0'
+// __BUILD_ID__ 机制:
+//  - build 时: vite:define 编译期替换为字符串字面量
+//  - dev 时: vite 通过 /@vite/env 把值挂到 globalThis, 源码保持原样;
+//    typeof 防御避免 /@vite/env 未执行时 ReferenceError, 回退 'dev'
+export const BUILD_ID = typeof __BUILD_ID__ !== 'undefined' ? __BUILD_ID__ : 'dev'