.tab-bar { position: fixed; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 120rpx; background: white; display: flex; flex-direction: row; /* padding-bottom: env(safe-area-inset-bottom); */ z-index: 1; } .tab-bar-border { background-color: rgba(85, 83, 83, 0.33); position: absolute; left: 0; top: 0; width: 100%; height: 1px; transform: scaleY(0.5); } .tab-bar-item { flex: 1; text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: center; } .tab-bar-item-image { width: 56rpx; height: 56rpx; margin-top: 10rpx; } .tab-bar-item view { font-size: 20rpx; }