.tab-bar { position: fixed; bottom: 0; left: 0; right: 0; height: 160rpx; /* background: white; */ display: flex; background-image: url(https://s1.ax1x.com/2022/10/13/xdC9yD.png); background-repeat: no-repeat; background-size: 100%; padding-bottom: env(safe-area-inset-bottom); } .tab-bar-border { position: absolute; left: 0; top: 0; width: 100%; height: 1rpx; transform: scaleY(0.5); } .tab-bar-item { margin-top: 60rpx; flex: 1; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .tab-bar-item image { width: 40rpx; height: 40rpx; } .tab-bar-item view { font-size: 10px; }