diff --git a/App.vue b/App.vue
index 2c24f4e..11dd6ce 100644
--- a/App.vue
+++ b/App.vue
@@ -1,17 +1,26 @@
diff --git a/androidPrivacy.json b/androidPrivacy.json
new file mode 100644
index 0000000..4764ba0
--- /dev/null
+++ b/androidPrivacy.json
@@ -0,0 +1,27 @@
+{
+ "version" : "1",
+ "prompt" : "template",
+ "title" : "用户协议和隐私政策",
+ "message" : "请你务必审慎阅读、充分理解“用户协议”和“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。
你可阅读《用户协议》和《隐私政策》了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。",
+ "buttonAccept" : "同意并接受",
+ "buttonRefuse" : "暂不同意",
+ "second" : {
+ "title" : "确认提示",
+ "message" : "进入应用前，你需先同意《用户协议》和《隐私政策》，否则将退出应用。",
+ "buttonAccept" : "同意并继续",
+ "buttonRefuse" : "退出应用"
+ },
+ "styles" : {
+ "backgroundColor" : "#f7f7f7",
+ "borderRadius" : "5px",
+ "title" : {
+ "color" : "#071a26"
+ },
+ "buttonAccept" : {
+ "color" : "#006EEF"
+ },
+ "buttonRefuse" : {
+ "color" : "#666666"
+ }
+ }
+}
diff --git a/hooks/README.md b/hooks/README.md
new file mode 100644
index 0000000..73a7ad5
--- /dev/null
+++ b/hooks/README.md
@@ -0,0 +1,70 @@
+# Composables 使用指南
+
+## 导航栏状态管理 (useNavigation)
+
+这个 composable 用于管理导航栏的状态，特别是检测当前路由栈中的页面数量，帮助决定是否显示返回首页按钮。
+
+### 基本用法
+
+```vue
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 页面标题
+
+
+
+
+```
+
+### 关键属性和方法
+
+| 名称 | 类型 | 说明 |
+| --- | --- | --- |
+| hasMultiplePages | Ref\ | 路由栈中是否有多个页面，用于决定是否显示返回按钮 |
+| isTabBarPage | Ref\ | 当前页面是否为 tabBar 页面，用于决定是否显示返回首页按钮 |
+| checkRouteStack | Function | 检查并更新当前路由栈状态的方法，在页面显示时调用 |
+
+### 使用步骤
+
+1. 在页面中导入 `useNavigation`
+2. 在 `setup` 中调用此函数，获取状态和方法
+3. 在 `onShow` 生命周期中调用 `checkRouteStack()` 方法更新状态
+4. 在模板中根据 `hasMultiplePages` 和 `isTabBarPage` 状态显示或隐藏相应的按钮
+
+### 注意事项
+
+- 需要在每个页面的 `onShow` 生命周期中调用 `checkRouteStack()`，以确保状态始终是最新的
+- tabBar 页面列表已经预设为 `['pages/index/index', 'pages/message/index', 'pages/mine/index']`，如需修改请直接编辑 `useNavigation.ts` 文件
diff --git a/hooks/useNavigation.ts b/hooks/useNavigation.ts
new file mode 100644
index 0000000..ab28d71
--- /dev/null
+++ b/hooks/useNavigation.ts
@@ -0,0 +1,48 @@
+import { ref } from 'vue'
+
+/**
+ * 导航栏状态管理 Composable
+ * 检查当前路由栈是否大于1条，用于决定是否显示返回首页按钮
+ * @returns 包含路由栈状态和相关方法的对象
+ */
+export function useNavigation() {
+ // 是否有多个页面在路由栈中
+ const hasMultiplePages = ref(false)
+ // 当前页面是否为 tabBar 页面
+ const isTabBarPage = ref(false)
+ // tabBar 页面路径列表
+ const tabBarPages = [
+ 'pages/index/index',
+ 'pages/message/index',
+ 'pages/mine/index'
+ ]
+
+ /**
+ * 检查当前页面是否为 tabBar 页面
+ */
+ const checkIsTabBarPage = (currentRoute: string) => {
+ isTabBarPage.value = tabBarPages.includes(currentRoute)
+ }
+
+ /**
+ * 检查当前路由栈状态
+ * 在每个页面的 onShow 或 onLoad 生命周期调用此方法
+ */
+ const checkRouteStack = () => {
+ // 获取当前页面路由
+ const pages = getCurrentPages()
+ // 获取当前页面路径
+ const currentRoute = pages[pages.length - 1]?.route || ''
+
+ // 更新路由栈状态
+ hasMultiplePages.value = pages.length > 1
+ // 检查是否为 tabBar 页面
+ checkIsTabBarPage(currentRoute)
+ }
+
+ return {
+ hasMultiplePages,
+ isTabBarPage,
+ checkRouteStack
+ }
+}
diff --git a/index.html b/index.html
index c3ff205..170b24a 100644
--- a/index.html
+++ b/index.html
@@ -15,6 +15,6 @@
-
+