样式优化

src/components/AppFooter.vue

@@ -50,7 +50,6 @@ function handleTabClick(index) {
         :src="tab.image"
         :style="{
           width: index === 1 ? '100px' : '40px',
-          transform: index === 1 ? '' : 'translateY(10px)',
         }"
         mode="widthFix"
       />
@@ -68,15 +67,19 @@ function handleTabClick(index) {
   align-items: center;
   overflow-x: hidden;
 }
-
 .footer-bg {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 0;
 }
-
 .tab-item {
   z-index: 1;
 }
+.tab-item:nth-child(2) {
+  transform: translateY(10px);
+}
+.tab-item:nth-child(4) {
+  transform: translateY(10px) translateX(-10px);
+}
 </style>