page{ background-color: #F4F4F4; } .container{ width: 100vw; } .order_list{ display: flex; width: 92vw; margin: 0 auto; flex-direction: column; padding-bottom: 50rpx; } .order_item{ display: flex; width: 100%; margin-top: 30rpx; height: 500rpx; } .order_item_content{ flex: 5; background-color: #fff; border-radius: 20rpx; display: flex; flex-direction: column; padding: 20rpx; } .order_item_content_top{ flex: 1; border-bottom: 1px solid #E5E5E5; display: flex; align-items: center; font-size: 36rpx; justify-content:space-between; } .order_status{ padding: 10rpx 20rpx; font-size: 24rpx; border-radius: 10rpx; } .order_status_ing{ background-color: #FFF2E8; color: #FA541C; } .order_status_cancle{ background-color: #C5C5C5; color: #fff; } .order_status.entrying{ background: #FFF2E8; color: #FA541C; } .order_status.entrysuccess{ background: #E2FFFE; color: #3CC7C0; } .order_status.entryfail{ background-color: #C5C5C5; color: #fff; } .order_item_content_data{ flex: 5; display: flex; flex-direction: column; } .order_id{ flex: 1; display: flex; align-items: center; font-size: 30rpx; }