From 82c8434f9b0fab4c3a2fdc9666db0cee9b0d917e Mon Sep 17 00:00:00 2001
From: unanmed <1319491857@qq.com>
Date: Tue, 21 Feb 2023 22:37:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=BC=80=E5=A7=8B=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/start.vue | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/src/ui/start.vue b/src/ui/start.vue
index 09cb983..ed4a11a 100644
--- a/src/ui/start.vue
+++ b/src/ui/start.vue
@@ -26,6 +26,8 @@
                             :key="v"
                             :selected="selected === v"
                             :showed="showed"
+                            :index="i"
+                            :length="text[i].length"
                             @click="clickStartButton(v)"
                             @mouseenter="
                                 movein(
@@ -269,6 +271,7 @@ onMounted(async () => {
     start.style.opacity = '1';
     if (played) {
         text.value = text2;
+        hard.splice(1, 0, '挑战');
     }
     setButtonAnimate().then(() => (showed.value = true));
     await sleep(1000);
@@ -394,8 +397,31 @@ onUnmounted(() => {
             -webkit-background-clip: text;
         }
 
-        #start-game {
+        .start-button[index='1'][length='4'] {
+            left: 7.5%;
+        }
+
+        .start-button[index='2'][length='4'] {
+            left: 15%;
+        }
+
+        .start-button[index='3'][length='4'] {
             left: 22.5%;
+        }
+
+        .start-button[index='1'][length='2'] {
+            left: 15%;
+        }
+
+        .start-button[index='2'][length='2'] {
+            left: 30%;
+        }
+
+        .start-button[index='3'][length='2'] {
+            left: 45%;
+        }
+
+        #start-game {
             background-image: linear-gradient(
                 to bottom,
                 rgb(255, 255, 255),
@@ -405,7 +431,6 @@ onUnmounted(() => {
         }
 
         #load-game {
-            left: 15%;
             background-image: linear-gradient(
                 to bottom,
                 rgb(255, 255, 255),
@@ -420,7 +445,6 @@ onUnmounted(() => {
                 rgb(255, 255, 255),
                 rgb(255, 251, 0)
             );
-            left: 7.5%;
             margin-bottom: 8%;
         }
 
@@ -434,7 +458,6 @@ onUnmounted(() => {
         }
 
         #easy {
-            left: 30%;
             background-image: linear-gradient(
                 to bottom,
                 rgb(255, 255, 255),
@@ -444,7 +467,6 @@ onUnmounted(() => {
         }
 
         #hard-hard {
-            left: 15%;
             background-image: linear-gradient(
                 to bottom,
                 rgb(255, 255, 255),