feat: update backend

frontend/admin/src/App.vue

@@ -1,9 +1,42 @@
 <script setup>
-import HelloWorld from './components/HelloWorld.vue'
+// 不再需要下拉菜单的状态，可以删除相关代码
 </script>
 
 <template>
-    <button class="btn">Button</button>
-    <button class="btn btn-primary">Button</button>
-    <button class="btn w-64 rounded-full">Button</button>
-</template>
+    <div class="min-h-screen bg-base-200">
+        <div class="navbar bg-base-100 shadow-md">
+            <div class="navbar-start">
+                <div class="px-2 mx-2">
+                    <h1 class="text-xl font-bold">Hello</h1>
+                </div>
+            </div>
+            <div class="navbar-center">
+                <div class="tabs tabs-boxed bg-base-100">
+                    <router-link to="/posts" class="tab" :class="{ 'tab-active': $route.path === '/posts' }">
+                        文章管理
+                    </router-link>
+                    <router-link to="/medias" class="tab" :class="{ 'tab-active': $route.path === '/medias' }">
+                        媒体库
+                    </router-link>
+                </div>
+            </div>
+            <div class="navbar-end">
+                <button class="btn btn-error btn-sm">退出登录</button>
+            </div>
+        </div>
+
+        <main class="container mx-auto py-6 px-4">
+            <div class="card bg-base-100 shadow-xl">
+                <div class="card-body">
+                    <router-view />
+                </div>
+            </div>
+        </main>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'App'
+}
+</script>