diff --git a/index.html b/index.html
index b0474c4..c450a44 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>XT_WEB_TD</title>
+    <title>双碳金融系统</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/components/layout/index.vue b/src/components/layout/index.vue
index 935f554..8c82f4e 100644
--- a/src/components/layout/index.vue
+++ b/src/components/layout/index.vue
@@ -1,8 +1,8 @@
 <template>
     <div>
         <t-layout style="height: 100vh;width: 100vw;">
-            <t-aside>
-                <t-menu theme="light" default-value="item1" style="margin-right: 40px" @change="handleMenuChange" v-model="activeMenu">
+            <t-aside width="160px">
+                <t-menu theme="light" default-value="item1" @change="handleMenuChange" v-model="activeMenu" width="160px">
                     <template #logo>
                         <img height="28" src="https://tdesign.gtimg.com/site/baseLogo-light.png" alt="logo" />
                     </template>
@@ -20,8 +20,12 @@
                         </template>
                     </t-head-menu>
                 </t-header>
-                <t-content>
-                    <router-view />
+                <t-content style="padding: 4px">
+                    <router-view v-slot="{ Component }">
+                        <transition name="fade" mode="out-in">
+                            <component :is="Component" />
+                        </transition>
+                    </router-view>
                 </t-content>
             </t-layout>
         </t-layout>
diff --git a/src/pages/cal/dh.vue b/src/pages/cal/dh.vue
new file mode 100644
index 0000000..1989756
--- /dev/null
+++ b/src/pages/cal/dh.vue
@@ -0,0 +1,7 @@
+<template>
+    <div>
+        <p>dh</p>
+    </div>
+</template>
+<script setup>
+</script>
\ No newline at end of file
diff --git a/src/pages/cal/dq.vue b/src/pages/cal/dq.vue
new file mode 100644
index 0000000..0c0751c
--- /dev/null
+++ b/src/pages/cal/dq.vue
@@ -0,0 +1,15 @@
+<template>
+    <t-layout style="height: 100%;">
+        <t-aside width="350px">
+            <t-form>
+                <t-input></t-input>
+            </t-form>
+        </t-aside>
+        <t-content>
+            <t-input></t-input>
+        </t-content>
+
+    </t-layout>
+</template>
+<script setup>
+</script>
\ No newline at end of file
diff --git a/src/pages/cal/index.vue b/src/pages/cal/index.vue
new file mode 100644
index 0000000..02a5611
--- /dev/null
+++ b/src/pages/cal/index.vue
@@ -0,0 +1,35 @@
+<template>
+    <t-row>
+        <t-col :span="3">
+            <t-card hoverShadow class="bigNav" @click="goDq">
+                双碳贷前计算器
+            </t-card>
+        </t-col>
+        <t-col :span="3">
+            <t-card hoverShadow class="bigNav" @click="goDh">
+                双碳贷后计算器
+            </t-card>
+        </t-col>
+    </t-row>
+</template>
+<script setup>
+import { useRouter, useRoute } from 'vue-router';
+const router = useRouter();
+const goDq = () => {
+    router.push('/dq')
+}
+const goDh = () => {
+    router.push('/dh')
+}
+</script>
+<style scoped>
+.bigNav {
+    font-size: 20px;
+    font-weight: 500;
+    color: darkblue;
+    height: 180px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index a555815..3aaae3d 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -2,7 +2,7 @@
   <div class="login-wrapper">
     <div class="login-container">
       <div class="title-container">
-        <h1>XT_WEB_TD</h1>
+        <h1>双碳金融系统</h1>
       </div>
       <t-form class="item-container" label-width="0" @submit="handleLogin">
         <t-form-item>
diff --git a/src/router/index.js b/src/router/index.js
index 541dbbe..49aaed8 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -15,15 +15,30 @@ const routes = [
         path: "",
         name: "工作台",
         children: [
+          // {
+          //   path: "home",
+          //   name: "主页",
+          //   component: () => import("@/pages/home/index.vue"),
+          // },
+          // {
+          //   path: "user",
+          //   name: "用户管理",
+          //   component: () => import("@/pages/system/user.vue"),
+          // },
           {
             path: "home",
-            name: "主页",
-            component: () => import("@/pages/home/index.vue"),
+            name: "快捷导航",
+            component: () => import("@/pages/cal/index.vue"),
           },
           {
-            path: "user",
-            name: "用户管理",
-            component: () => import("@/pages/system/user.vue"),
+            path: "dq",
+            name: "贷前计算",
+            component: () => import("@/pages/cal/dq.vue"),
+          },
+          {
+            path: "dh",
+            name: "贷后计算",
+            component: () => import("@/pages/cal/dh.vue"),
           },
         ],
       },
