bang-wechat-applet/custom-tab-bar/index.wxss

/* 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;
}