.tab-bar { position: fixed; bottom: 0; left: 0; right: 0; height: 70rpx; padding: 10rpx; background: white; display: flex; padding-bottom: env(safe-area-inset-bottom); overflow: hidden; } .tab-bar-border { background-color: rgba(0, 0, 0, 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; justify-content: center; align-items: center; flex-direction: column; } .tab-bar-item image { width: 46rpx; height: 46rpx; } .tab-bar-item view { font-size: 20rpx; }