From 47f33b6c00c380c26f514a1fc14b3a4848443a37 Mon Sep 17 00:00:00 2001
From: Coldin04 <me@coldin.top>
Date: Fri, 25 Apr 2025 15:54:10 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=9E=84=E9=A6=96=E9=A1=B5=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue            |  7 ------
 src/views/HomeView.vue | 54 +++++++++++++++++++++++++++++++++++++-----
 2 files changed, 48 insertions(+), 13 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7905b05..307d38d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,14 +7,7 @@ import HelloWorld from './components/HelloWorld.vue'
   <header>
     <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
 
-    <div class="wrapper">
-      <HelloWorld msg="You did it!" />
 
-      <nav>
-        <RouterLink to="/">Home</RouterLink>
-        <RouterLink to="/about">About</RouterLink>
-      </nav>
-    </div>
   </header>
 
   <RouterView />
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index d5c0217..1e857a5 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,9 +1,51 @@
+<template>
+  <div class="home">
+    <h1>欢迎来到 ArithmaBattle！</h1>
+    <p>这里是心算竞技平台，快来挑战你的数学能力吧！</p>
+    <div class="actions">
+      <router-link to="/practice" class="btn">单人练习</router-link>
+      <router-link to="/pk" class="btn">在线PK</router-link>
+    </div>
+  </div>
+</template>
+
 <script setup lang="ts">
-import TheWelcome from '../components/TheWelcome.vue'
+// 这里可以添加首页的逻辑代码
 </script>
 
-<template>
-  <main>
-    <TheWelcome />
-  </main>
-</template>
+<style scoped>
+.home {
+  text-align: center;
+  padding: 2rem;
+}
+
+h1 {
+  font-size: 2.5rem;
+  margin-bottom: 1rem;
+}
+
+p {
+  font-size: 1.2rem;
+  color: #666;
+}
+
+.actions {
+  margin-top: 2rem;
+}
+
+.btn {
+  display: inline-block;
+  margin: 0 0.5rem;
+  padding: 0.75rem 1.5rem;
+  font-size: 1rem;
+  color: #fff;
+  background-color: #42b983;
+  border-radius: 4px;
+  text-decoration: none;
+  transition: background-color 0.3s;
+}
+
+.btn:hover {
+  background-color: #3aa876;
+}
+</style>
\ No newline at end of file