diff --git a/pages/index/components/cover-view-tabbar.vue b/pages/index/components/cover-view-tabbar.vue index 132941e..721e9e0 100644 --- a/pages/index/components/cover-view-tabbar.vue +++ b/pages/index/components/cover-view-tabbar.vue @@ -6,10 +6,8 @@ :key="item.text" @tap="sheep.$router.go(item.url)" > - - - - + + @@ -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; } } } diff --git a/sheep/components/s-tabbar/s-tabbar.vue b/sheep/components/s-tabbar/s-tabbar.vue index 4ff2340..18d6e57 100644 --- a/sheep/components/s-tabbar/s-tabbar.vue +++ b/sheep/components/s-tabbar/s-tabbar.vue @@ -86,8 +86,8 @@ } &__slot-icon { - width: 25px; - height: 25px; + width: 16px; + height: 16px; } } } diff --git a/sheep/store/app.js b/sheep/store/app.js index 77bf8a0..b0882ca 100644 --- a/sheep/store/app.js +++ b/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", }, diff --git a/sheep/ui/su-tabbar-item/su-tabbar-item.vue b/sheep/ui/su-tabbar-item/su-tabbar-item.vue index 55af687..7e53e47 100644 --- a/sheep/ui/su-tabbar-item/su-tabbar-item.vue +++ b/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; } }