diff --git a/nuxt.config.ts b/nuxt.config.ts
index a86936d..c6701d9 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -12,6 +12,7 @@ export default defineNuxtConfig({
     hooks: resolve(__dirname, './hooks'),
     apis: resolve(__dirname, './apis'),
     store: resolve(__dirname, './store'),
+    public: resolve(__dirname, './public'),
   },
   meta: {
     meta: [
diff --git a/pages/index.vue b/pages/index.vue
index 0df7e96..91c777f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,34 +1,46 @@
 <template>
-<div>
+<div class="mb-60">
     <van-nav-bar
       title="资源管理"
       left-arrow
       @click-left="onClickLeft"
   />
   <van-tabs v-model:active="active" shrink line-width="60px" color="#59B4FF" title-active-color="#59B4FF">
-  <van-tab title="财务管理">
-    <!-- 财务管理页面 -->
-    <div class="financial-management flex flex-col">
-      <div>
-        <span class="title">财务管理</span> <span class="title-describe">对项目预算、奖金进行配置</span>
+    <van-tab title="财务管理">
+      <!-- 财务管理页面 -->
+      <div class="financial-management flex flex-col d_jump">
+        <div>
+          <span class="title">财务管理</span> <span class="title-describe">对项目预算、奖金进行配置</span>
+        </div>
+        <Search />
+        <FinanceManage />
       </div>
-      <Search />
-      <FinanceManage />
-    </div>
-    <!-- 财务管理页面 -->
-    <div class="financial-management flex flex-col">
-      <div>
-        <span class="title">财务审批</span> <span class="title-describe">对员工提交的申请进行审批</span>
+      <!-- 财务审批页面 -->
+      <div class="financial-management flex flex-col d_jump">
+        <div>
+          <span class="title">财务审批</span> <span class="title-describe">对员工提交的申请进行审批</span>
+        </div>
+        <Search />
+        <FinanceExamine />
       </div>
-      <Search />
-      <FinanceExamine />
-    </div>
-  </van-tab>
-  <van-tab title="角色管理">角色管理</van-tab>
-  <van-tab title="任务管理">任务管理</van-tab>
-  <van-tab title="成员管理">成员管理</van-tab>
-</van-tabs>
+      <!-- 财务统计页面 -->
+      <div class="financial-management flex flex-col d_jump">
+        <div>
+          <span class="title">财务统计</span> <span class="title-describe">财务明细统计查看</span>
+        </div>
+        <img src="public/statistics.png" class="w-full">
+      </div>
+    </van-tab>
+    <van-tab title="角色管理">角色管理</van-tab>
+    <van-tab title="任务管理">任务管理</van-tab>
+    <van-tab title="成员管理">成员管理</van-tab>
+  </van-tabs>
 
+  <ul class="menu">
+    <li @click="jump(0)">财务管理</li>
+    <li @click="jump(1)">财务审批</li>
+    <li @click="jump(2)">财务统计</li>
+  </ul>
 </div>
 
 </template>
@@ -48,6 +60,17 @@ function onClickLeft(){
   console.log('返回上一页')
 }
 
+function jump(index) {
+    let jump = document.querySelectorAll('.d_jump')
+    // 获取需要滚动的距离
+    let total = jump[index].offsetTop
+    // Chrome
+    document.body.scrollTop = total
+    // Firefox
+    document.documentElement.scrollTop = total
+    // Safari
+    window.pageYOffset = total
+}
 </script>
 
 <style lang="less">
@@ -71,4 +94,19 @@ function onClickLeft(){
     color: #A0A0A0;
   }
 }
+
+.menu{
+  position: fixed;
+  right: 0;
+  bottom: 15px;
+  z-index: 99
+}
+.menu li{
+    width: 72px;
+    color: #fff;
+    background: rgba(25, 137, 250, 0.6);
+    padding: 8px 20px;
+    border-radius: 30px 0 0 30px;
+    margin-bottom: 15px;
+}
 </style>
diff --git a/public/statistics.png b/public/statistics.png
new file mode 100644
index 0000000..c7d13fc
Binary files /dev/null and b/public/statistics.png differ