feat(project): 增加外部文档页面

mock/module/user.ts

@@ -243,6 +243,45 @@ const userRoutes = [
       },
     ],
   },
+  {
+    name: 'docments',
+    path: '/docments',
+    redirect: '/docments/not-found',
+    meta: {
+      title: '外链文档',
+      requiresAuth: true,
+      icon: 'icon-park-outline:error-computer',
+    },
+    children: [
+      {
+        name: 'docments_vue',
+        path: '/docments/vue',
+        meta: {
+          title: 'vue',
+          requiresAuth: true,
+          icon: 'icon-park-outline:error',
+        },
+      },
+      {
+        name: 'docments_vite',
+        path: '/docments/vite',
+        meta: {
+          title: 'vite',
+          requiresAuth: true,
+          icon: 'carbon:error',
+        },
+      },
+      // {
+      //   name: 'service-error',
+      //   path: '/docments/service-error',
+      //   meta: {
+      //     title: '500页',
+      //     requiresAuth: true,
+      //     icon: 'carbon:data-error',
+      //   },
+      // },
+    ],
+  },
   {
     name: 'error',
     path: '/error',

src/layouts/BasicLayout/index.vue

@@ -43,9 +43,9 @@
       >
         <TabBar class="h-45px" />
       </n-layout-header>
-      <n-layout-content class="bg-transparent">
+      <n-layout-content class="bg-transparent h-full">
         <div
-          class="p-16px"
+          class="p-16px h-full"
           :class="{
             'p-b-56px': appStore.fixedFooter,
             'p-t-122px': appStore.fixedHeader && appStore.showTabs,

src/views/docments/vite/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="h-full">
+    <iframe src="https://cn.vitejs.dev/guide/" frameborder="0" class="wh-full"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>

src/views/docments/vue/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="h-90vh">
+    <iframe src="https://staging-cn.vuejs.org/" frameborder="0" class="wh-full"></iframe>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>