重构项目，方便开发

2026-03-19 13:15:47 +08:00
parent fb2e5ccea5
commit 1e63ab291b
38 changed files with 5940 additions and 0 deletions
@@ -0,0 +1,94 @@
+<template>
+  <PageShell theme="dark">
+    <div class="image-page">
+      <header class="top-bar">
+        <div class="logo-area">
+          <span class="app-name">南日AI</span>
+          <router-link to="/home" class="btn-home">返回首页</router-link>
+        </div>
+
+        <div class="nav-tabs">
+          <div class="nav-tab-group">
+            <button type="button" class="nav-tab active">图片</button>
+          </div>
+        </div>
+      </header>
+
+      <main class="page-body"></main>
+    </div>
+  </PageShell>
+</template>
+
+<script setup lang="ts">
+document.title = '图片 - 南日AI'
+</script>
+
+<style scoped>
+.image-page {
+  min-height: 100vh;
+  background: rgba(13, 13, 13, 1);
+  color: #e0e0e0;
+  font-family: "Microsoft YaHei", "Noto Serif SC", "SimSun", "Songti SC", serif;
+  font-weight: 700;
+}
+
+.top-bar {
+  height: 56px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  border-bottom: 1px solid #2a2a2a;
+}
+
+.logo-area {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.app-name {
+  font-size: 18px;
+  font-weight: 600;
+  color: #fff;
+}
+
+.btn-home {
+  font-size: 13px;
+  color: #999;
+  text-decoration: none;
+  padding: 8px 12px;
+  border-radius: 6px;
+  transition: all 0.2s ease;
+}
+
+.btn-home:hover {
+  color: #fff;
+  background: #2a2a2a;
+}
+
+.nav-tabs {
+  display: flex;
+  align-items: center;
+}
+
+.nav-tab-group {
+  display: flex;
+  align-items: center;
+  background: rgba(77, 72, 72, 0.99);
+  border-radius: 10px;
+}
+
+.nav-tab {
+  padding: 8px 14px;
+  font-size: 13px;
+  color: #3498db;
+  background: rgba(52, 152, 219, 0.2);
+  border: none;
+  border-radius: 6px;
+}
+
+.page-body {
+  height: calc(100vh - 56px);
+}
+</style>