首页布局修改

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; /* 无限循环 */
       }
     }
   }