From 4ff340c76cee66eeb5888307fb2b9807c3bba82a Mon Sep 17 00:00:00 2001
From: 13713575202 <1345916905@qq.com>
Date: Sun, 27 Apr 2025 17:16:27 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=B8=83=E5=B1=80=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/index.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index b86199b..7ba9fff 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -32,7 +32,7 @@ let homeList = reactive([
     linkType: 0,
     url: '',
     img: 'images/vsualized/home1.png',
-    style: 'left: 20%;bottom:300px;',
+    style: 'left: 20%;bottom:320px;',
     imgstyle: 'width:100px;height:100px',
   },
   {
@@ -50,7 +50,7 @@ let homeList = reactive([
     linkType: 1,
     url: '/v2/land',
     img: 'images/vsualized/home3.png',
-    style: 'right: 20%;bottom:300px;',
+    style: 'right: 20%;bottom:320px;',
     imgstyle: 'width:100px;height:100px',
   },
   {
@@ -88,6 +88,21 @@ const itemClick = (index) => {
     text-align: center;
     padding: 16px 0;
     cursor: pointer;
+
+    @keyframes shake {
+      0% {
+        transform: translateX(0) rotate(0);
+      }
+      25% {
+        transform: translateX(-15px) rotate(-3deg);
+      }
+      50% {
+        transform: translateX(12px) rotate(2deg);
+      }
+      75% {
+        transform: translateX(-6px) rotate(1deg);
+      }
+    }
     .name {
       color: #fff;
       font-family: 'JinBuTi';
@@ -109,6 +124,7 @@ const itemClick = (index) => {
       img {
         height: 100%;
         width: 100%;
+        animation: shake 5s /* 持续时间 */ ease-in-out /* 缓动函数 */ infinite; /* 无限循环 */
       }
     }
   }