第 0 阶段：项目初始化

frontend/src/layouts/AppLayout.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { Bell, House, Shop, Tickets, UserFilled, Wallet } from '@element-plus/icons-vue'
+
+const navItems = [
+  { label: '首页', to: '/', icon: House },
+  { label: '租号', to: '/listings', icon: Shop },
+  { label: '订单', to: '/orders', icon: Tickets },
+  { label: '钱包', to: '/wallet', icon: Wallet },
+  { label: '通知', to: '/notifications', icon: Bell },
+  { label: '实名', to: '/realname', icon: UserFilled },
+]
+</script>
+
+<template>
+  <div class="app-shell">
+    <aside class="sidebar">
+      <RouterLink class="brand" to="/">
+        <span class="brand-mark">H</span>
+        <span>哈夫币租号</span>
+      </RouterLink>
+      <nav class="nav">
+        <RouterLink v-for="item in navItems" :key="item.to" class="nav-link" :to="item.to">
+          <el-icon><component :is="item.icon" /></el-icon>
+          <span>{{ item.label }}</span>
+        </RouterLink>
+      </nav>
+    </aside>
+    <main class="main">
+      <slot />
+    </main>
+  </div>
+</template>