style:修改首页券过期气泡、车辆状态卡片文案和样式
| | |
| | | /** 首页订单状态文案映射。 */ |
| | | export const HOME_ORDER_STATUS: Partial<Record<TripStatus, string>> = { |
| | | [TripStatus.VehicleApproaching]: '车辆正在赶来', |
| | | [TripStatus.VehicleArrivedPickup]: '车辆已到达上车点,请尽快前往', |
| | | [TripStatus.VehicleArrivedPickup]: '车辆已到达上车点', |
| | | [TripStatus.InService]: '正在前往目的地', |
| | | [TripStatus.ArrivedDestination]: '车辆已到达目的地,请尽快结束行程', |
| | | [TripStatus.ArrivedDestination]: '车辆已到达目的地', |
| | | [TripStatus.TripFinished]: '行程已结束,请尽快支付' |
| | | }; |
| | |
| | | .order-status { |
| | | position: relative; |
| | | border-radius: 24px; |
| | | background-color: #141E27; |
| | | background-color: @black-text-main; |
| | | background-image: url("https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/order-card-homepage-20260724.png"); |
| | | background-size: cover; |
| | | box-sizing: border-box; |
| | |
| | | font-size: 24px; |
| | | font-weight: 500; |
| | | letter-spacing: normal; |
| | | color: rgba(0, 0, 0, 0.9); |
| | | color: @black-text-main; |
| | | border-radius: 200px; |
| | | background: #ECF0F5; |
| | | flex-shrink: 0; |
| | | flex-grow: 0; |
| | | } |
| | | } |
| | | } |
| | |
| | | |
| | | .coupon-message-toast { |
| | | position: fixed; |
| | | top: 370px; |
| | | right: 144px; |
| | | top: 393px; |
| | | right: 124px; |
| | | z-index: 1000012; |
| | | max-width: 560px; |
| | | min-height: 64px; |