diff --git a/custom-tab-bar/index.wxml b/custom-tab-bar/index.wxml index 498596d..4b549a4 100644 --- a/custom-tab-bar/index.wxml +++ b/custom-tab-bar/index.wxml @@ -1,28 +1,29 @@ - + - - - {{cartGoodsNum}} - + + + + + + {{cartGoodsNum}} - - {{item.nav_name}} - + {{item.nav_name}} - - - - + + + + + - - {{item.nav_name}} - + {{item.nav_name}} diff --git a/custom-tab-bar/index.wxss b/custom-tab-bar/index.wxss index a48f6ac..71558c6 100644 --- a/custom-tab-bar/index.wxss +++ b/custom-tab-bar/index.wxss @@ -7,40 +7,51 @@ z-index: 10000; display: flex; justify-content: space-around; + height: 100rpx; +} +.main_bar.custom { + border-top: none; } .tabbar_item { position: relative; - height: 100%; - float: left; + /* height: 100%; */ + /* float: left; */ text-align: center; - padding: 0px 0; + padding: 0; + display: flex; + flex: 1; + flex-direction: column; + justify-content: center; } .tab_img { display: flex; justify-content: center; - align-items: center + position: relative; } .nav_imgage { - height: 52rpx; - width: 52rpx; - background-position: center; + display: block; + height: 48rpx; + width: 48rpx; background-repeat: no-repeat; + /* background-position: center; + background-repeat: no-repeat; */ background-size: 100%; } .cart_num { - top: 0; + /* top: 8rpx; */ background-color: red; color: #fff; font-size: 20rpx; border-radius: 50%; - width: 40rpx; - line-height: 40rpx; - height: 40rpx; + width: 36rpx; + line-height: 36rpx; + height: 36rpx; position: absolute; z-index: 100; - right: 30rpx; + right: 34rpx; + /* margin-right: -70rpx; */ }