src/robotaxi/pages/begin-route/components/calling-car-modules/fare-detail-card.tsx
@@ -187,7 +187,7 @@ </View> <View className="car-card-end-cost-content"> <View className="car-card-end-cost-money" onClick={toMoneyDetail}> 全程{formatTripDistance(fareBreakdown?.kilometer)}|{formatTripDurationFromSeconds(fareBreakdown?.time)} 全程{formatTripDistance(fareBreakdown?.kilometer)}<View className="car-card-end-cost-money-line">|</View>{formatTripDurationFromSeconds(fareBreakdown?.time)} </View> <Image src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/ccc-icon-right.png" /> </View> src/robotaxi/pages/begin-route/components/css-folder/calling-car.less
@@ -18,7 +18,7 @@ overflow: hidden; .calling-car-content-box { position: relative; padding: 48px 48px 52px 48px; padding: 48px 48px 82px 48px; background: @gary-theme; border-radius: 60px 60px 0 0; } @@ -65,6 +65,7 @@ font-size: 88px; line-height: 108px; font-weight: 600; font-family: @font-xpsans-bold; letter-spacing: normal; color: #FFFFFF; } @@ -72,7 +73,7 @@ // 提升特异性:与 .calling-car .fare-box-card { padding-bottom: 0 } 同特异性且在其之前, // 用 &.calling-car 组合两个类名避免下方规则覆盖 padding-bottom &.calling-car .fare-box-card { padding: 48px 48px 208px 48px; padding: 24px 48px 208px 48px; background: @gary-theme; border-radius: 60px 60px 0 0; } @@ -162,7 +163,7 @@ } .car-card-detail-num { font-size: 44px; font-weight: 500; font-weight: 600; line-height: 56px; letter-spacing: normal; color: @black-text-main; @@ -494,6 +495,11 @@ .car-card-end-cost-money { color: @black-text-04; font-size: 28px; } .car-card-end-cost-money-line { display: inline-block; margin: 0 20px; color: @black-text-04; } .car-card-end-cost-content { display: flex; @@ -918,6 +924,7 @@ .distance { font-size: 24px; font-weight: 500; font-family: @font-xpsans-bold; color: #ffffff; } .time { @@ -925,6 +932,7 @@ padding: 0; font-size: 24px; font-weight: 500; font-family: @font-xpsans-bold; color: #ffffff; } } @@ -1029,6 +1037,7 @@ font-size: 48px; font-weight: normal; line-height: 64px; font-family: @font-xpsans-bold; color: @black-text-main; } src/robotaxi/pages/begin-route/components/css-folder/fragrance-control.less
@@ -64,7 +64,7 @@ /* 香氛名称,大小类似温度显示 */ .tf-card-fragrance-name { font-size: 40px; font-weight: normal; font-weight: 500; line-height: 64px; color: @black-text-main; overflow: hidden; @@ -102,7 +102,6 @@ background-image: url('https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/fragrance-close-20260703.png'); // 关闭态卡片文字统一弱化 .tf-card-header-title, .tf-card-fragrance-name, .tf-card-footer-text { color: rgba(20, 30, 39, 0.3); src/robotaxi/pages/begin-route/components/css-folder/passenger-notice.less
@@ -43,7 +43,7 @@ } &-title { font-size: 32px; font-size: 36px; font-weight: 500; line-height: 48px; text-align: center; @@ -55,7 +55,6 @@ position: relative; margin-top: 34px; height: calc(75vh - 400px); padding-right: 1em; z-index: 1; .passenger-content-desc { height: 100%; src/robotaxi/pages/begin-route/components/debug-order-simulator-panel.tsx
@@ -203,6 +203,23 @@ props.setTripStatus(TripStatus.PaymentSuccess); }; /** * 直达「行程结束未支付」(TripFinished=8):本地跳过「结束行程」真实接口,直接把行程状态置为待支付, * 用于测试行程结束未支付页(费用明细 FareDetailCard、优惠券切换、支付按钮)。 * 注意:费用明细仍会尝试真实查询,模拟订单号(SIM-xxx)后端不存在会静默失败并展示为 0 元。 */ const handleJumpToTripFinished = () => { simulatorRef.current?.stop(); replayRef.current?.stop(); setRunning(false); setReplaying(false); const orderId = resolveOrderId(); ensureSimulationOrderId(orderId); props.setOrderId(orderId); props.bindSocketListeners(); props.setTripStatus(TripStatus.TripFinished); }; /** 各速度档位 → 回放时间缩放因子(越大越快)。 */ const REPLAY_SPEED_FACTOR: Record<keyof typeof SPEED_PRESETS, number> = { slow: 8, @@ -440,6 +457,12 @@ </View> <View style={{ display: 'flex', marginBottom: '4px' }}> <View onClick={handleJumpToTripFinished} style={buttonStyle('#0e9f6e')} > 行程结束未支付 </View> <View onClick={handleJumpToEvaluatePage} style={buttonStyle('#7c5cff')} > src/robotaxi/pages/begin-route/components/release-route.tsx
@@ -250,7 +250,11 @@ <View className="confirm-btn-box"> { hasDiscountAmount && <View className="discount-amount" onClick={onOpenCouponSelect}> <View className="discount-amount" style={{ visibility: isRouteSelectExpanded ? 'hidden' : 'visible' }} onClick={onOpenCouponSelect} > <View className="flex-center"> <View className="discount-amount-text">最佳优惠</View> <View className="discount-amount-desc" >已为您选择最佳优惠</View>