/* components/tabbar/tabbar.wxss */ .tabbar-box{ position: fixed; bottom: 0; width: 100%; height: 110rpx; background-color: #fff; box-shadow: 0 -4rpx 14rpx rgba(194, 194, 194, 0.5); z-index: 99999; padding-bottom: 16rpx; } .ipx_button { height: 130rpx; } .tabbar-container{ display: flex; justify-content: space-between; } .tabbar-container>view{ width: 20%; text-align: center; padding-top: 16rpx; } .tabbar-container>view>text{ display: block; margin-top: 4rpx; font-size: 22rpx; line-height: 20rpx; } .tabbar-image{ display: inline-block; width: 46rpx; height: 46rpx; } .tabbar-container>view:nth-child(3) { margin-top: -54rpx; } .tabbar-container>view:nth-child(3) .image_box { width: 108rpx; background: #fff; border-radius: 50%; text-align: center; margin: auto; padding-top: 15rpx; } .tabbar-container>view:nth-child(3) image { width: 80rpx; height: 80rpx; } .center { width: 108rpx; height: 108rpx; border-radius: 50%; position: fixed; bottom: 40rpx; left: 0; right: 0; margin: auto; box-shadow: 0 -4rpx 14rpx rgba(194, 194, 194, 0.5); z-index: 1; }