From 4b0a6dcd310b76cd37331819e01281df8a7a7850 Mon Sep 17 00:00:00 2001
From: Temparo <164712201+Temparo@users.noreply.github.com>
Date: Tue, 11 Jun 2024 19:50:24 +0800
Subject: [PATCH] Update about page

---
 components.d.ts        |  4 ++--
 src/views/About.vue    | 21 +++++++++++++++++----
 src/views/pc/index.vue |  2 +-
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index e15b56c..cb54629 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -21,7 +21,7 @@ declare module 'vue' {
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElHeader: typeof import('element-plus/es')['ElHeader']
-      ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElMain: typeof import('element-plus/es')['ElMain']
     ElOption: typeof import('element-plus/es')['ElOption']
@@ -34,7 +34,7 @@ declare module 'vue' {
     ElSegmented: typeof import('element-plus/es')['ElSegmented']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
-      ElUpload: typeof import('element-plus/es')['ElUpload']
+    ElUpload: typeof import('element-plus/es')['ElUpload']
     HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
     MoveableTitle: typeof import('./src/components/moveableTitle.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/views/About.vue b/src/views/About.vue
index d0410fe..5107f73 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -1,16 +1,15 @@
 <script lang="ts" setup>
 import {useRouter} from "vue-router";
+import moveableTitle from "../components/moveableTitle.vue";
 
 const router = useRouter()
 const goBack = () => {
   router.push('/index')
 }
-
-
 </script>
 
 <template>
-  <el-page-header @back="goBack">
+  <el-page-header class="el-page-header" @back="goBack">
     <template #content>
       <el-breadcrumb separator-class="el-icon-arrow-right">
         <el-breadcrumb-item>About</el-breadcrumb-item>
@@ -18,12 +17,26 @@ const goBack = () => {
     </template>
   </el-page-header>
   <el-container class="container">
+    <el-header>
+      <div class="headline text-9xl">
+        <span
+            class="cursor-text hover:ring-2 hover:ring-fuchsia-500 focus:ring-2 focus:ring-fuchsia-500 outline-0 bg-fuchsia-200/60 dark:bg-fuchsia-50/20 before:content-['<'] after:content-['/>'] after:ml-2">
+          <a class="outline-0" contenteditable="true" href="https://csu-index.github.io/" target="_self">CSU</a>
+        </span>
+        <a class="inline-block p-1 relative z-10" href="https://csu-index.github.io/" target="_self">&nbsp;-&nbsp;</a>
+        <moveableTitle/>
+      </div>
+    </el-header>
     <el-main>
       <el-card>
         <div class="about">
-          <h2>CSU-Index是一个导航页，为中南大学学生提供常用网站链接</h2>
+          <h1>CSU-Index是一个导航页，为中南大学学生提供常用网站链接</h1>
+          <h1>我们的目标是“触手可及”，成为校内学习和科研最方便的导航站</h1>
         </div>
       </el-card>
+      <el-card>
+        <el-button @click="$router.push('feedback')">反馈</el-button>
+      </el-card>
     </el-main>
   </el-container>
 </template>
diff --git a/src/views/pc/index.vue b/src/views/pc/index.vue
index 63bea05..0e3530b 100644
--- a/src/views/pc/index.vue
+++ b/src/views/pc/index.vue
@@ -16,7 +16,7 @@ const router = useRouter()
 
 let appPadding: string
 if (device === "pc") {
-  appPadding = "1rem 1rem 1.5rem 1rem"
+  appPadding = "2.5rem 1rem 1.5rem 1rem"
 } else if (device === "mobile") {
   appPadding = "0"
 }