tarbar样式

tabBar/index.wxss

@@ -3,22 +3,25 @@
   bottom: 0;
   left: 0;
   right: 0;
-  height: 110rpx;
-  /* border-top: 0.5px solid #d5d5d5; */
+  height: 96rpx;
+  border-top: 0.5px solid #d5d5d5;
   display: flex;
   font-size: 0;
   background: #fff;
+  padding-bottom: env(safe-area-inset-bottom);
 }
 .tabbar-item {
   flex: 1;
   text-align: center;
   overflow: hidden;
   box-sizing: border-box;
-  /* padding: 8rpx 10rpx 0; */
-  /* font-size: 23px; */
   font-family: "Alibaba-PuHuiTi-Regular.otf";
   font-weight: 400;
   color: #636662;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 
 .tabbar-item:nth-child(3){
@@ -29,6 +32,7 @@
 }
 
 .tabbar-item:nth-child(3) .tabbar-item-icon{
+  width: 114rpx;
   height: 110rpx;
   background: #fff;
   border-radius: 50%;
@@ -50,16 +54,17 @@
 
 .tabbar-item-icon {
   margin-bottom: 6rpx;
-  height: 56rpx;
+  height: 42rpx;
+  width: 42rpx;
 }
 
 .tabbar-item-icon image {
-  width:  56rpx;
-  height: 56rpx;
+  width:  42rpx;
+  height: 42rpx;
 }
 
 .tabbar-item-text {
-  font-size: 28rpx;
+  font-size: 23rpx;
   line-height: 20rpx;
   color: #808080;
 }