改进 Layout

src/components/chat/Chat.vue

@@ -3,7 +3,7 @@
     <div class="min-w-full md:w-4/5">
       <n-scrollbar
         style="max-height: calc(100vh - (var(--header-height) * 3.5))"
-        class="pr-4 pl-4 md:pl-20 md:pr-20"
+        class="md:pl-20 md:pr-20"
       >
         <div
           class="flex-grow mt-3 mb-1 text-5xl select-none"

src/layouts/DefaultLayout.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import { NLayout } from "naive-ui";
-import { useUserStore } from "../stores/user";
-import Guest from "../pages/guest/index.vue";
-import router from "../router";
+// import { useUserStore } from "../stores/user";
+// import Guest from "../pages/guest/index.vue";
+// import router from "../router";
 import Header from "./Header.vue";
 import element from "@/config/element";
-import { useIsMobile } from "@/utils/composables";
+import { useIsMobile, useIsTablet } from "@/utils/composables";
 import { useAppStore } from "@/stores/app";
-const currentRoute = computed(() => router.currentRoute.value.name);
+// const currentRoute = computed(() => router.currentRoute.value.name);
 
-const userStore = useUserStore();
+// const userStore = useUserStore();
 const appStore = useAppStore();
 const route = useRoute();
 
@@ -66,6 +66,17 @@ const onScroll = (e: Event) => {
     style="margin-top: var(--header-height)"
     ref="mainContainer"
     :on-scroll="onScroll"
+    :content-style="
+      !isMobile
+        ? {
+            'padding-left': '32px',
+            'padding-right': '32px',
+          }
+        : {
+            'padding-left': '16px',
+            'padding-right': '16px',
+          }
+    "
   >
     <!-- <n-back-top v-if="!isMobile" :right="100" /> -->
 

src/pages/mask/index.vue

@@ -0,0 +1,8 @@
+<template>
+    <div>
+        mask
+    </div>
+</template>
+
+<script lang="ts" setup>
+</script>

src/typed-router.d.ts

@@ -31,5 +31,6 @@ declare module 'vue-router/auto-routes' {
     '/errors/Base': RouteRecordInfo<'/errors/Base', '/errors/Base', Record<never, never>, Record<never, never>>,
     '/Guest': RouteRecordInfo<'/Guest', '/Guest', Record<never, never>, Record<never, never>>,
     '/home/': RouteRecordInfo<'/home/', '/home', Record<never, never>, Record<never, never>>,
+    '/mask/': RouteRecordInfo<'/mask/', '/mask', Record<never, never>, Record<never, never>>,
   }
 }