add:fronted

fcb-fronted/components.d.ts

@@ -8,18 +8,25 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     CardTools: typeof import('./src/components/CardTools.vue')['default']
+    ElAside: typeof import('element-plus/es')['ElAside']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCol: typeof import('element-plus/es')['ElCol']
+    ElContainer: typeof import('element-plus/es')['ElContainer']
     ElDrawer: typeof import('element-plus/es')['ElDrawer']
+    ElHeader: typeof import('element-plus/es')['ElHeader']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElInput: typeof import('element-plus/es')['ElInput']
+    ElMain: typeof import('element-plus/es')['ElMain']
+    ElMenu: typeof import('element-plus/es')['ElMenu']
+    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElProgress: typeof import('element-plus/es')['ElProgress']
     ElRadio: typeof import('element-plus/es')['ElRadio']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSubmenu: typeof import('element-plus/es')['ElSubmenu']
     ElTag: typeof import('element-plus/es')['ElTag']
     ElUpload: typeof import('element-plus/es')['ElUpload']
     FileBox: typeof import('./src/components/FileBox.vue')['default']

fcb-fronted/src/App.vue

@@ -5,9 +5,6 @@
 <template>
   <div>
     <RouterView />
-    <div style="text-align: center; margin-top: 1rem;color: #606266">
-      <a style="text-decoration: none;color: #606266" target="_blank" href="https://github.com/vastsa/FileCodeBox">FileCodeBox V2.0 Beta</a>
-    </div>
   </div>
 </template>
 

fcb-fronted/src/router/index.ts

@@ -13,6 +13,11 @@ const router = createRouter({
       name: 'send',
       component: () => import('@/views/SendView.vue'),
     },
+    {
+      path: '/admin',
+      name: 'admin',
+      component: () => import('@/views/AdminView.vue'),
+    }
   ],
 });
 

fcb-fronted/src/views/AdminView.vue

@@ -0,0 +1,14 @@
+<template>
+  <el-container style="width: 100vw;height: 100%;position: relative">
+    <el-aside width="200" style="height: 100%">
+      <el-menu>
+        <el-menu-item index="1">文件管理</el-menu-item>
+        <el-menu-item index="4">1</el-menu-item>
+      </el-menu>
+    </el-aside>
+    <el-main>Main</el-main>
+  </el-container>
+</template>
+<script setup lang="ts">
+
+</script>

fcb-fronted/src/views/HomeView.vue

@@ -83,6 +83,9 @@ const listenInput = (num: number) => {
           </el-col>
         </el-row>
       </el-card>
+      <div style="text-align: center; margin-top: 1rem;color: #606266">
+        <a style="text-decoration: none;color: #606266" target="_blank" href="https://github.com/vastsa/FileCodeBox">FileCodeBox V2.0 Beta</a>
+      </div>
     </main>
 </template>
 <style lang='scss'>