/* components/tabbar/tabbar.wxss */ .icon { display: inline-block; width: 54rpx; height: 54rpx; } .tabbar { width: 100%; box-sizing: border-box; height: 98rpx; position: fixed; z-index: 10; left: 0; bottom: 0; background: #fff; box-shadow: 0rpx -4rpx 8rpx 0rpx rgba(230,230,230,0.5); display: flex; justify-content: space-around; } .tabbar-item { position: relative; margin: 0; font-size: 24rpx; line-height: 34rpx; padding: 0 20rpx; color: #999999; border-radius: 0; background-color: #fff; height: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } /*当前字体颜色*/ .tabbar-item .text { font-size: 24rpx; } .tabbar-text { color: #397DF2; }