fuqj
2026-07-26 e75e2d807d8d57fd995e8374e8a4846b250aa130
style:修改呼单页、待支付页、香薰、乘客须知部分样式
6个文件已修改
52 ■■■■■ 已修改文件
src/robotaxi/pages/begin-route/components/calling-car-modules/fare-detail-card.tsx 2 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/robotaxi/pages/begin-route/components/css-folder/calling-car.less 15 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/robotaxi/pages/begin-route/components/css-folder/fragrance-control.less 3 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/robotaxi/pages/begin-route/components/css-folder/passenger-notice.less 3 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/robotaxi/pages/begin-route/components/debug-order-simulator-panel.tsx 23 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/robotaxi/pages/begin-route/components/release-route.tsx 6 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
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>