zj-teach/pages/manageOrder/manageOrder.wxss

/* pages/manageOrder/manageOrder.wxss */

/* 设置页面背景 */
page{
    height: 100%;
    padding: 20rpx;
    background-color: #E2F0D9;
}

/* 订单样式 */
.orderList{
    width: 93%;
    background-color: #FFF2CC;
    padding: 20rpx 0 20rpx 20rpx;
    border-radius: 20rpx;
    margin-bottom: 20rpx;
}

/* 订单号、订单日期详情左边间隔 */
.orderNum,
.orderDate{
    margin-left: 20rpx;
}

/* 订单日期和订单状态 */
.orderDateStatus{
    display: flex;
    position: relative;
}

/* 订单支付状态 */
.orderStatus{
    position: absolute;
    left: 55%;
}
.orderStatusDetail{
    margin-left: 20rpx;
    font-weight: bold;
    color: red;
}