feat(ui): 采用 antdv 作为 ui

src/App.vue

@@ -1,48 +1,25 @@
-<script setup lang="ts">
-// This starter template is using Vue 3 <script setup> SFCs
-// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
-import Greet from "./components/Greet.vue";
-</script>
-
 <template>
-	<div class="container">
-		<h1>Welcome to Tauri!</h1>
-
-		<div class="row">
-			<a href="https://vitejs.dev" target="_blank">
-				<img src="/vite.svg" class="logo vite" alt="Vite logo" />
-			</a>
-			<a href="https://tauri.app" target="_blank">
-				<img src="/tauri.svg" class="logo tauri" alt="Tauri logo" />
-			</a>
-			<a href="https://vuejs.org/" target="_blank">
-				<img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-			</a>
-		</div>
-
-		<p>Click on the Tauri, Vite, and Vue logos to learn more.</p>
-
-		<p>
-			Recommended IDE setup:
-			<a href="https://code.visualstudio.com/" target="_blank">VS Code</a>
-			+
-			<a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
-			+
-			<a href="https://github.com/tauri-apps/tauri-vscode" target="_blank">Tauri</a>
-			+
-			<a href="https://github.com/rust-lang/rust-analyzer" target="_blank">rust-analyzer</a>
-		</p>
-
-		<Greet />
-	</div>
+	<a-layout style="min-height: 100vh">
+		<!-- 侧边栏 -->
+		<t-sidebar />
+		<!-- 内容区 -->
+		<a-layout-content class="container">
+			<!-- 路由组件 -->
+			<router-view></router-view>
+		</a-layout-content>
+	</a-layout>
 </template>
 
-<style scoped>
-.logo.vite:hover {
-	filter: drop-shadow(0 0 2em #747bff);
-}
+<script lang="ts">
+import { defineComponent } from "vue";
+import TSidebar from "./components/t-sidebar.vue";
 
-.logo.vue:hover {
-	filter: drop-shadow(0 0 2em #249b73);
-}
-</style>
+export default defineComponent({
+	name: "App",
+	components: {
+		TSidebar,
+	},
+});
+</script>
+
+<style></style>