123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- .booking-detail-container {
- box-sizing: border-box;
- /* min-height: 100vh; */
- padding-bottom: 40rpx;
- background-color: #f5f5f5;
- }
- .booking-detail-container .booking-detail-head {
- width: 100%;
- height: 184rpx;
- background: linear-gradient(180deg, #1677ff 54%, rgba(22, 119, 255, 0) 86%);
- }
- .booking-detail-container .booking-detail-content {
- margin-top: -170rpx;
- padding: 0 24rpx;
- }
- .booking-detail-container .booking-detail-content .detail-icon {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- padding: 40rpx 0 32rpx 0;
- }
- .booking-detail-container .booking-detail-content .detail-icon .text {
- margin: 16rpx 0 32rpx;
- color: #22b35e;
- font-weight: 700;
- font-size: 38rpx;
- }
- .booking-detail-container .booking-detail-content .detail-icon .code {
- width: 260rpx;
- height: 260rpx;
- margin-bottom: 42rpx;
- }
- .booking-detail-container .booking-detail-content .not-pay-attention {
- display: flex;
- margin-top: 24rpx;
- color: #ff6010;
- font-weight: 400;
- font-size: 30rpx;
- line-height: 42rpx;
- }
- .booking-detail-container .booking-detail-content .not-pay-attention .attention-text {
- margin-left: 10rpx;
- }
- .booking-detail-container .booking-detail-content .detail-list .item {
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- margin-bottom: 24rpx;
- color: #9999;
- font-weight: 400;
- font-size: 30rpx;
- }
- .booking-detail-container .booking-detail-content .detail-list .item .label {
- flex: 1;
- margin-left: 24rpx;
- color: #333;
- white-space: wrap;
- text-align: right;
- }
- .booking-detail-container .booking-detail-content .detail-list .item:last-child {
- margin-bottom: 0;
- }
- .booking-detail-container .booking-detail-content .btn {
- margin-top: 24rpx;
- padding: 10rpx 16rpx;
- color: #1677ff;
- font-size: 28rpx;
- border: 1rpx solid #1677ff;
- border-radius: 8rpx;
- }
- .booking-detail-container .booking-detail-content .cancel-booking {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 40rpx 0 30rpx;
- font-size: 32rpx;
- }
- .booking-detail-container .booking-detail-content .cancel-booking .button {
- width: 100%;
- height: 98rpx;
- line-height: 98rpx;
- border-radius: 8rpx;
- }
|