add

src/views/AboutView.vue

@@ -0,0 +1,48 @@
+<template>
+    <div class="about-container">
+      <NavBar />
+      <el-main>
+        <el-row :gutter="20">
+          <!-- 左侧正文 -->
+          <el-col :span="16">
+            <el-card>
+              <h2>关于我</h2>
+              <p>这里是正文内容...</p>
+            </el-card>
+          </el-col>
+  
+          <!-- 右侧作者信息 -->
+          <el-col :span="8">
+            <div class="author-info">
+              <el-avatar 
+                :size="150" 
+                :src="require('@/assets/avatar.jpg')" 
+              />
+              <h3>作者姓名</h3>
+              <p>这里是作者简介...</p>
+            </div>
+          </el-col>
+        </el-row>
+      </el-main>
+      <AppFooter />
+    </div>
+  </template>
+  
+  <style scoped>
+  .about-container {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .author-info {
+    text-align: center;
+    padding: 20px;
+    background: #f5f7fa;
+    border-radius: 8px;
+  }
+  
+  .el-card {
+    margin-bottom: 20px;
+  }
+  </style>

src/views/Home.vue

@@ -1,62 +0,0 @@
-<template>
-  <div class="container">
-    <h1 class="title">Kisechan</h1>
-    <el-row :gutter="20">
-      <el-col
-        v-for="(link, index) in links"
-        :key="index"
-        :xs="24"
-        :sm="12"
-        :md="8"
-        :lg="6"
-      >
-        <el-card class="link-card">
-          <template #header>
-            <div class="card-header">
-              <el-icon><Link /></el-icon>
-              <span>{{ link.name }}</span>
-            </div>
-          </template>
-          <el-button type="primary" @click="openLink(link.url)">
-            前往 {{ link.name }}
-          </el-button>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script setup>
-import { Link } from "@element-plus/icons-vue";
-
-const links = [
-  { name: "GitHub", url: "https://github.com/Kisechan" },
-  { name: "博客", url: "https://blog.kisechan.space/" },
-];
-
-const openLink = (url) => {
-  window.open(url, "_blank");
-};
-</script>
-
-<style scoped>
-.container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 20px;
-}
-.title {
-  text-align: center;
-  color: #303133;
-  margin-bottom: 30px;
-}
-.link-card {
-  margin-bottom: 20px;
-}
-.card-header {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  font-weight: bold;
-}
-</style>

src/views/HomeView.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="home-container">
+    <NavBar />
+    <el-main>
+      <div class="content">
+        <h1>test</h1>
+        <p>你说得对</p>
+      </div>
+    </el-main>
+    <AppFooter />
+  </div>
+</template>
+
+<script setup>
+import NavBar from '@/components/NavBar.vue'
+import AppFooter from '@/components/AppFooter.vue'
+</script>
+
+<style scoped>
+.home-container {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+</style>