.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-item {
        flex: 1;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-bottom: 10rpx;

        image {
            width: 48rpx;
            height: 48rpx;
        }

        view {
            font-size: 24rpx;
            margin-top: 10rpx;
        }
    }
}