| 12345678910111213141516171819202122232425262728293031323334 |
- page{background-color: #F5F5F8;}
- .status-bar{display: flex;margin-bottom: 24rpx;border-top: 1px solid #ddd;background-color: #fff;}
- .status-bar-item{flex: 1;position: relative;text-align: center;font-size: 28rpx;color: #333;padding: 24rpx 0;}
- .status-bar-item.active{color: #26D18B;}
- .status-bar-item.active::after{content: '';position: absolute;left: 50%;bottom: 0;width: 74rpx;margin-left: -37rpx;height: 4rpx;background-color: #26D18B;}
- .order-item{background-color: #fff;padding: 24rpx;margin-bottom: 24rpx;}
- .order-info{display: flex;padding: 0 24rpx 16rpx;margin: 0 -24rpx 24rpx;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}
- .order-info-text-item{font-size: 26rpx;color: #666;line-height: 30rpx;}
- .order-info-status{display: flex;color: #999;font-size: 30rpx;}
- .order-info-status .status + .status{margin-left: 36rpx;}
- .order-info-status .status.topay{color: #FFDA00;}
- .order-product{display: flex;align-items: center;position: relative;}
- .order-product-img{width: 202rpx;height: 202rpx;margin-right: 24rpx;}
- .order-product-text{color: #333;}
- .order-product-til{font-size: 30rpx;color: #000;line-height: 30rpx;height: 70rpx;}
- .order-product-amount{margin-bottom: 13rpx;}
- .order-product-amount .rmb{font-size: 24rpx;margin-right: 5rpx;}
- .order-product-amount .amount{font-size: 40rpx;font-weight: 600;line-height: 40rpx;}
- .order-product-carbon{font-size: 30rpx;font-weight: 600;line-height: 40rpx;}
- .order-btn{flex: unset;position: absolute;right: 0;bottom: 24rpx;width: 168rpx;height: 58rpx;line-height: 58rpx;background-color: #fff;border: 1px solid #26D18B;border-radius: 6rpx;text-align: center;font-size: 30rpx;color: #26D18B;}
- .order-btn.topay{color: #FFDA00;border-color: #FFDA00;}
|
