.tab-bar { position: fixed; bottom: 0; left: 0; right: 0; box-sizing: content-box; height: 44px; background: #FFFFFF; display: flex; padding-top: 10px; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5); padding-bottom: env(safe-area-inset-bottom); } .tab-bar-border { background-color: #404241; 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; position: relative; } .tab-bar-item image { width: 48rpx; height: 48rpx; } .tab-bar-item view { font-size: 10px; }