/* custom-tab-bar/index.js.wxss */ .tab-bar { position: fixed; bottom: 0; left: 0; right: 0; height: 120rpx; background: white; display: flex; width: 750rpx; z-index: 10000; border-top: 2rpx solid #F1F1F1; padding-bottom: env(safe-area-inset-bottom); } .tab-bar-item { width: 375rpx; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .current{ font-size: 50rpx; font-weight: 700; color: #B608D0; border-bottom: 4px solid #B608D0; } .others{ font-size: 50rpx; font-weight: 700; color: #000; border-bottom: 4px solid #FFF; }