UI更新

src/components/AppFooter.vue

@@ -13,7 +13,7 @@ const props = defineProps({
 
 const tabs = [
   { image: "../static/tab-vip.png" },
-  { image: "../static/tab-grow.png" },
+  { image: "../static/tab-point-book.png" },
   { image: "../static/tab-mall.png" },
 ];
 
@@ -26,7 +26,7 @@ function handleTabClick(index) {
   }
   if (index === 1) {
     uni.navigateTo({
-      url: "/pages/my-growth",
+      url: "/pages/point-book-create",
     });
   }
   if (index === 2) {
@@ -45,14 +45,11 @@ function handleTabClick(index) {
       :key="index"
       class="tab-item"
       @click="handleTabClick(index)"
+      :style="{
+        width: index === 1 ? '32%' : '10%',
+      }"
     >
-      <image
-        :src="tab.image"
-        :style="{
-          width: index === 1 ? '100px' : '40px',
-        }"
-        mode="widthFix"
-      />
+      <image :src="tab.image" mode="widthFix" />
     </view>
   </view>
 </template>
@@ -76,10 +73,16 @@ function handleTabClick(index) {
 .tab-item {
   z-index: 1;
 }
+.tab-item > image {
+  width: 88%;
+}
 .tab-item:nth-child(2) {
-  transform: translateY(10px);
+  transform: translateY(20%) translateX(25%);
+}
+.tab-item:nth-child(3) {
+  transform: translateY(-10%) translateX(5%);
 }
 .tab-item:nth-child(4) {
-  transform: translateY(10px) translateX(-10px);
+  transform: translateY(20%) translateX(-25%);
 }
 </style>