diff --git a/config/index.ts b/config/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0a22c6c1774def806635cf2dd0bbd2f056dd843e
--- /dev/null
+++ b/config/index.ts
@@ -0,0 +1,6 @@
+interface IConfig {
+  primaryWidth: number
+}
+export const config: IConfig = {
+  primaryWidth: 750
+}
diff --git a/postcss.config.ts b/postcss.config.ts
index ffe0dcb5eadd1182312ad713e9560d8842fd7de0..a9d1134ad50292eed5149ea6a1c4e160a77c0bbd 100644
--- a/postcss.config.ts
+++ b/postcss.config.ts
@@ -1,3 +1,4 @@
+import { config } from "./config/index"
 // 修改配置后重启服务生效
 export default {
   plugins: {
@@ -8,7 +9,7 @@ export default {
       // UI 设计稿宽度
       viewportWidth: (file: string) => file.includes("vant") ? 375 : 375,
       // 限制视图的最大宽度
-      maxDisplayWidth: 750,
+      maxDisplayWidth: config.primaryWidth,
       // 页面最外层选择器
       appSelector: "#app",
       // 是否对「页面最外层选择器」对应的元素进行描边
diff --git a/src/layout/components/Tabbar.vue b/src/layout/components/Tabbar.vue
index f3c64934cedd5cb17017b7143d10aaa9a15b476b..222238bebe47f8fd00412d78f8d9069f7d474fc3 100644
--- a/src/layout/components/Tabbar.vue
+++ b/src/layout/components/Tabbar.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
-const router = useRouter()
+import { config } from "~/config/index"
 
+const router = useRouter()
+const root = ref<HTMLDivElement | null>(null)
 const tabbarItemList = computed(() => {
   const routes = router.getRoutes()
   return routes.filter(route => route.meta.layout?.tabbar?.showTabbar).map(route => ({
@@ -9,23 +11,37 @@ const tabbarItemList = computed(() => {
     path: route.path
   }))
 })
+onMounted(() => {
+  if (root.value) {
+    root.value?.style.setProperty("--primary-width", `${config.primaryWidth}px`)
+  }
+})
 </script>
 
 <template>
-  <van-tabbar
-    route
-    fixed
-    placeholder
-    safe-area-inset-bottom
-  >
-    <van-tabbar-item
-      v-for="item in tabbarItemList"
-      :key="item.path"
-      :icon="item.icon"
-      :to="item.path"
-      replace
+  <div ref="root">
+    <van-tabbar
+      class="ignore"
+      route
+      fixed
+      safe-area-inset-bottom
     >
-      {{ item.title }}
-    </van-tabbar-item>
-  </van-tabbar>
+      <van-tabbar-item
+        v-for="item in tabbarItemList"
+        :key="item.path"
+        :icon="item.icon"
+        :to="item.path"
+        replace
+      >
+        {{ item.title }}
+      </van-tabbar-item>
+    </van-tabbar>
+  </div>
 </template>
+
+<style scoped>
+.ignore {
+  max-width: var(--primary-width);
+  overflow: hidden;
+}
+</style>
diff --git a/src/layout/index.vue b/src/layout/index.vue
index d552e42232c75223bf6dae0394cbeac59440f039..6d55434610383af66dbc0e70536d2540b4dce483 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -18,7 +18,7 @@ const showFooter = computed(() => route.meta.layout?.footer)
 <template>
   <div un-h-full un-flex un-flex-col>
     <NavBar v-if="showNavBar" />
-    <div un-flex-1 un-overflow-y-auto>
+    <div un-flex-1 un-overflow-y-auto class="pb-[var(--van-tabbar-height)]">
       <!-- key 采用 route.path 和 route.fullPath 有着不同的效果，大多数时候 path 更通用 -->
       <router-view v-slot="{ Component }">
         <keep-alive :include="keepAliveStore.cachedRoutes">
diff --git a/tsconfig.json b/tsconfig.json
index fcd278daeff415b4c2b1681d611e096d176b0760..817a013482d8879e8705401baf15dd79243d3ef1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,6 +19,7 @@
     // 非相对模块导入的路径映射配置，根据 baseUrl 配置进行路径计算，与 vite.config 中 alias 配置同步
     "paths": {
       "@/*": ["src/*"],
+      "~/*": ["*"],
       "@@/*": ["src/common/*"]
     },
     "resolveJsonModule": true,
diff --git a/types/auto/components.d.ts b/types/auto/components.d.ts
index 39f460ccab4ddbdbba191ad49b9ccf64e05503cb..26210f4750b92b55e1b2e17ea390eb46f43f4148 100644
--- a/types/auto/components.d.ts
+++ b/types/auto/components.d.ts
@@ -11,22 +11,14 @@ declare module 'vue' {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     VanButton: typeof import('vant/es')['Button']
-    VanCalendar: typeof import('vant/es')['Calendar']
-    VanCell: typeof import('vant/es')['Cell']
     VanCellGroup: typeof import('vant/es')['CellGroup']
     VanConfigProvider: typeof import('vant/es')['ConfigProvider']
     VanDivider: typeof import('vant/es')['Divider']
-    VanEmpty: typeof import('vant/es')['Empty']
     VanField: typeof import('vant/es')['Field']
     VanForm: typeof import('vant/es')['Form']
     VanIcon: typeof import('vant/es')['Icon']
-    VanImage: typeof import('vant/es')['Image']
     VanLoading: typeof import('vant/es')['Loading']
     VanNavBar: typeof import('vant/es')['NavBar']
-    VanNoticeBar: typeof import('vant/es')['NoticeBar']
-    VanRadio: typeof import('vant/es')['Radio']
-    VanRadioGroup: typeof import('vant/es')['RadioGroup']
-    VanSwitch: typeof import('vant/es')['Switch']
     VanTabbar: typeof import('vant/es')['Tabbar']
     VanTabbarItem: typeof import('vant/es')['TabbarItem']
   }
diff --git a/vite.config.ts b/vite.config.ts
index f3564478b5ecaf9ee0aa15dd63d57d913a0738a8..d210495171372213923be2d45ac02cf572bb3134 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -21,6 +21,8 @@ export default defineConfig(({ mode }) => {
       alias: {
         // @ 符号指向 src 目录
         "@": resolve(__dirname, "src"),
+        // ~ 符号指向根目录
+        "~": resolve(__dirname),
         // @@ 符号指向 src/common 通用目录
         "@@": resolve(__dirname, "src/common")
       }