From 825c655185518f8d28b4609fb5b665003c59f8fc Mon Sep 17 00:00:00 2001
From: hi2hi <code@hi2hi.cc>
Date: Fri, 13 Dec 2024 02:51:36 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20=E8=B0=83=E6=95=B4=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E7=9A=84=E6=8F=90=E7=A4=BA=E6=A1=86=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/world-map/world-map.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/world-map/world-map.vue b/src/components/world-map/world-map.vue
index 50c8281..ee54982 100644
--- a/src/components/world-map/world-map.vue
+++ b/src/components/world-map/world-map.vue
@@ -190,7 +190,7 @@ const tipsContentStyle = computed(() => {
     style.left = `${activeTipsXY.value.x}px`;
     style.transform = 'translate(-50%, 20px)';
   } else {
-    style.bottom = '10px';
+    style.bottom = '4px';
     style.left = '50%';
     style.transform = 'translate(-50%, 0)';
   }
@@ -232,11 +232,11 @@ function handlePointTap(e) {
     padding: 5px 10px;
     border-radius: 5px;
     line-height: 20px;
+    white-space: pre;
     color: #eee;
     background: rgba(#000, 0.8);
     box-shadow: 1px 4px 8px rgba(#303841, 0.4);
     z-index: 100;
-    white-space: pre;
 
     // 向上的尖角
     &::before {
@@ -250,6 +250,15 @@ function handlePointTap(e) {
       border-bottom-color: rgba(#000, 0.8);
       transform: translateX(-50%);
     }
+
+    @media screen and (max-width: 500px) {
+      line-height: 16px;
+      font-size: 12px;
+
+      &::before {
+        display: none;
+      }
+    }
   }
 }