.

pages/index/components/cover-view-tabbar.vue

@@ -6,10 +6,8 @@
       :key="item.text"
       @tap="sheep.$router.go(item.url)"
     >
-      <cover-view class="content-box">
-        <cover-image class="tabbar-icon" :src="sheep.$url.cdn(item.iconUrl)" />
-        <cover-view class="active-line" v-show="activeUrl === item.url" />
-      </cover-view>
+      <cover-image class="tabbar-icon" :src="sheep.$url.cdn(item.iconUrl)" />
+      <cover-view class="active-line" v-show="activeUrl === item.url" />
     </cover-view>
   </cover-view>
 </template>
@@ -47,28 +45,25 @@
     background: #fff;
 
     .cover-tabbar-item {
-      flex: 1;
+      width: 20%;
+      height: 20px;
+      position: relative;
 
-      .content-box {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        position: relative;
-        height: 32px;
+      .tabbar-icon {
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        left: calc(50% - 8px);
+        top: 0;
+      }
 
-        .tabbar-icon {
-          width: 25px;
-          height: 25px;
-        }
-
-        .active-line {
-          width: 20rpx;
-          height: 1rpx;
-          background: #000;
-          position: absolute;
-          left: calc(50% - 10rpx);
-          bottom: 0rpx;
-        }
+      .active-line {
+        width: 12px;
+        height: 1px;
+        background: #000;
+        position: absolute;
+        left: calc(50% - 6px);
+        bottom: 0;
       }
     }
   }

sheep/components/s-tabbar/s-tabbar.vue

@@ -86,8 +86,8 @@
       }
 
       &__slot-icon {
-        width: 25px;
-        height: 25px;
+        width: 16px;
+        height: 16px;
       }
     }
   }

sheep/store/app.js

@@ -199,32 +199,32 @@ const adaptTemplate = async (appTemplate, templateId) => {
 
     appTemplate.basic.tabbar.items = [
       {
-        activeIconUrl: "https://puton.huimeimeta.com/imgs/home.png",
-        iconUrl: "https://puton.huimeimeta.com/imgs/home.png",
+        activeIconUrl: "https://puton.huimeimeta.com/imgs/Home.png",
+        iconUrl: "https://puton.huimeimeta.com/imgs/Home.png",
         text: "首页",
         url: "/pages/index/index",
       },
       {
-        activeIconUrl: "https://puton.huimeimeta.com/imgs/list.png",
-        iconUrl: "https://puton.huimeimeta.com/imgs/list.png",
+        activeIconUrl: "https://puton.huimeimeta.com/imgs/List.png",
+        iconUrl: "https://puton.huimeimeta.com/imgs/List.png",
         text: "商品列表",
         url: "/pages/index/list",
       },
       {
-        activeIconUrl: "https://puton.huimeimeta.com/imgs/room.png",
-        iconUrl: "https://puton.huimeimeta.com/imgs/room.png",
+        activeIconUrl: "https://puton.huimeimeta.com/imgs/Room.png",
+        iconUrl: "https://puton.huimeimeta.com/imgs/Room.png",
         text: "试衣间",
         url: "/pages/index/room",
       },
       {
-        activeIconUrl: "https://puton.huimeimeta.com/imgs/cart.png",
-        iconUrl: "https://puton.huimeimeta.com/imgs/cart.png",
+        activeIconUrl: "https://puton.huimeimeta.com/imgs/Vector.png",
+        iconUrl: "https://puton.huimeimeta.com/imgs/Vector.png",
         text: "购物车",
         url: "/pages/index/cart",
       },
       {
-        activeIconUrl: "https://puton.huimeimeta.com/imgs/my.png",
-        iconUrl: "https://puton.huimeimeta.com/imgs/my.png",
+        activeIconUrl: "https://puton.huimeimeta.com/imgs/My.png",
+        iconUrl: "https://puton.huimeimeta.com/imgs/My.png",
         text: "我的",
         url: "/pages/index/user",
       },

sheep/ui/su-tabbar-item/su-tabbar-item.vue

@@ -223,12 +223,12 @@
       justify-content: center;
 
       .active-line {
-        width: 20rpx;
-        height: 1rpx;
+        width: 12px;
+        height: 1px;
         background: #000;
         position: absolute;
-        left: calc(50% - 10rpx);
-        bottom: -5rpx;
+        left: calc(50% - 6px);
+        bottom: 0px;
       }
     }