.tab-bar { position: fixed; bottom: 0; left: 0; right: 0; background: white; display: flex; border-top: 1rpx solid rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 14rpx 0rpx; padding-bottom: env(safe-area-inset-bottom); } .tab-bar .tab-bar-item { flex: 1; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-bottom: 10rpx; } .tab-bar .tab-bar-item image { width: 48rpx; height: 48rpx; } .tab-bar .tab-bar-item view { font-size: 24rpx; margin-top: 10rpx; }