zsw-jx-store/src/subPages/merchantChild/orderRealTimeJxgy/orderRealTimeJxgy.scss

.select-root {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 10rpx 20rpx;
    margin-bottom: 20rpx;

    .all-text {
        font-weight: bold;
    }

    .slect-text {
        color: $jx-primary;
        text-decoration: underline;
    }
}


.today-root {
    background-color: #fff;
    padding: 20rpx;
    margin-top: 20rpx;

    .order-money {
        display: flex;
        justify-content: space-between;

        .money {
            border-right: 1rpx solid #e0e0e0;
        }

        .money,
        .order {
            width: 354rpx;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            .number {
                font-weight: bold;
                font-size: 40rpx;
                padding: 30rpx 0;
            }
        }
    }
}


.business-status {
    background-color: #fff;
    margin-top: 20rpx;

    .business-text {
        padding: 20rpx;
    }

    .slect-item-root {
        display: flex;
        justify-content: space-around;
        width: 100%;

        .item {
            display: block;
            width: 100%;
            text-align: center;
            padding: 15rpx 0;
        }

        .item-active {
            background-color: $jx-primary;
            color: #fff;
        }
    }

    .time-root {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15rpx 0;
        background-color: #fafafa;
        border-top: 1rpx solid #e2e2e2;
        border-bottom: 1rpx solid #e2e2e2;
        font-size: 28rpx;
        color: #919191;

        .slect-edit {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20rpx;
            width: 100%;


            .time-item {
                display: flex;
                align-items: center;
                background-color: #e6e6e6;
                padding: 10rpx 20rpx;
                border-radius: 10rpx;
            }

            button {
                background-color: $jx-primary;
                color: #fff;
                margin: 0;
            }
        }
    }

    .money-data-root {
        padding: 20rpx;

        .row {
            border-bottom: 1rpx solid #e0e0e0;
        }

        .row,
        .row-last {
            display: flex;
            justify-content: space-between;
            width: 100%;

            .money-item {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                margin-top: 25rpx;
                margin-bottom: 25rpx;

                .number {
                    font-weight: bold;
                    font-size: 40rpx;
                    padding: 20rpx;
                }
            }

            .active {
                border-right: 1rpx solid #e0e0e0;
            }
        }

        .afterNumber::before{
            content: '-';
        }
    }
}

@media (prefers-color-scheme: light) {
    .select-root,
    .business-status{
        background-color:#fff;
    }

    .time-root{
        background-color: #fafafa;
    }
    
    .time-item{
        background-color: #e6e6e6;
    }

    .time-root{
        color: #919191;
    }
}

@media (prefers-color-scheme: dark) {
    .select-root,
    .business-status,
    .time-root{
        background-color:#000;
    }

    .time-item{
        background-color: #111;
    }

    .all-text,
    .business-status,
    .time-root{
        color:#fff;
    }
}