style：修改车锁、后备箱样式，修改地图尖角图标、修改呼单页间距样式、移除支付成功和修改目的地优惠样式

fuqj

2026-07-26 f1f6b192fb5c65218f65104d1ea6957639e3501e

style：修改车锁、后备箱样式，修改地图尖角图标、修改呼单页间距样式、移除支付成功和修改目的地优惠样式

 src/pages/robotaxi/home/index.less

@@ -52,10 +52,9 @@
  .weather-info {
    display: flex;
    align-items: center;
    font-size: 28px;
    font-size: 24px;
    font-weight: 500;
    line-height: 48px;
    color: rgba(0, 0, 0, 0.9);
    color: @black-text-04;

    // .weather-separator {
    //   margin: 0 4px;
@@ -345,7 +344,7 @@
        left: 50%;
        top: 100%;
        transform: translate(-50%, -50%);
        width: 18px;
        width: 28px;
        height: 28px;
        z-index: -1;
      }

 src/robotaxi/pages/begin-route/components/calling-car-modules/door-trunk-control.tsx

@@ -6,10 +6,10 @@
import { TripStatus } from '../../../../constants/trip-status';
import useMinimumSpinLoading from './use-minimum-spin-loading';

const LOCK_CLOSE_ICON_URL = 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/lock-close.png';
const LOCK_OPEN_ICON_URL = 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/lock-open.png';
const TRUNK_CLOSE_ICON_URL = 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/trunk-close.png';
const TRUNK_OPEN_ICON_URL = 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/trunk-open.png';
const LOCK_CLOSE_ICON_URL = 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/lock-close-20260726.png';
const LOCK_OPEN_ICON_URL = 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/lock-open-20260726.png';
const TRUNK_CLOSE_ICON_URL = 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/trunk-close-20260726.png';
const TRUNK_OPEN_ICON_URL = 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/trunk-open-20260726.png';
const SWITCH_LOADING_ICON_URL = 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/T-switch-loading-20260706.png';

type Props = {

 src/robotaxi/pages/begin-route/components/calling-car-modules/fare-detail-card.tsx

@@ -193,7 +193,7 @@
                    </View>
                </View>
                {
                    (fareBreakdown?.operateFree != 1 && [TripStatus.TripFinished, TripStatus.PaymentSuccess].includes(tripStatus)) && Number(fareBreakdown?.redPacketMoney + fareBreakdown?.couponMoney) > 0 &&
                    (fareBreakdown?.operateFree != 1 && [TripStatus.TripFinished].includes(tripStatus)) && Number(fareBreakdown?.redPacketMoney + fareBreakdown?.couponMoney) > 0 &&
                    <View className="car-card-end-through" onClick={canOpenCouponSelect ? onOpenCouponSelect : undefined}>
                        <View className="car-card-end-through-left">
                            <View className="car-card-end-through-content-title">最佳优惠</View>
@@ -211,14 +211,14 @@
            {
                tripStatus === TripStatus.TripFinished &&
                <View className="pay-box">
                    {
                    {/* {
                        fareBreakdown?.operateFree != 1 ?
                            <View className="pay-box-money"><View>{formatMoney(
                                fareBreakdown?.payMoney <= 0
                                    ? 0 : fareBreakdown?.payMoney)}</View><View className="unit">元</View></View>
                            :
                            <View className="pay-box-free">员工内部测试</View>
                    }{/*  */}
                    } */}
                    <View onClick={handlePay} className="pay-box-btn">立即支付</View>
                </View>
            }

 src/robotaxi/pages/begin-route/components/css-folder/calling-car.less

@@ -324,20 +324,38 @@
    background: rgba(204, 208, 215, 0.25);
    &:first-child {
      position: relative;
      border-radius: 16px;
      border-radius: 32px;
      box-sizing: border-box;
    }
    &:last-child {
      position: relative;
      border-radius: 16px;
      border-radius: 32px;
      box-sizing: border-box;
    }
    &.close-btn-item {
      position: relative;
      border-radius: 32px;
      background: url(https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/door-trunk-item-bg-20260726.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      .car-card-arrive-item-text {
        color: #ffffff;
      }
      .car-card-arrive-item-status {
        color: rgba(255, 255, 255, 0.4);
      }
    }
  }
  .car-card-arrive-item-status {
    font-size: 20px;
    font-size: 24px;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(20, 30, 39, 0.5);
    color: @black-text-04;
  }
  .car-card-arrive-item-text {
    font-size: 28px;
    font-weight: 500;
    color: @black-text-main;
  }
  .car-card-arrive-item-img {
    width: 64px;
@@ -642,15 +660,13 @@
    padding: 22px 0;
    &:first-child {
      position: relative;
      border-radius: 16px;
      background: #ffffff;
      border-radius: 32px;
      background: rgba(204, 208, 215, 0.25);
      box-sizing: border-box;
      border: 2px solid rgba(0, 0, 0, 0.15);
    }
    &:last-child {
      border-radius: 16px;
      background: linear-gradient(110deg, #8475ff 0%, #7dd6ff 99%);
      color: #fff;
      border-radius: 32px;
      background: rgba(204, 208, 215, 0.25);
    }
  }
  .car-card-reach-btn-item-img {
@@ -753,26 +769,6 @@
.trip-action-bar-item-hover {
  flex-shrink: 0;
  opacity: 0.75;
}
.close-btn-item {
  position: relative;
  border-radius: 16px;
  background: linear-gradient(110deg, rgba(132, 117, 255, 0.2) 0%, rgba(125, 214, 255, 0.2) 99%) !important;
  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(180deg, #aaa8ff -10%, rgba(41, 159, 255, 0.0469) 108%, rgba(0, 0, 0, 0) 108%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
  }
}
.bluetooth-operate-card {
  position: relative;

 src/robotaxi/pages/begin-route/components/css-folder/passenger-notice.less

@@ -24,7 +24,7 @@
        right: 0;
        background: @gary-theme;
        border-radius: 60px 60px 0px 0px;
        padding: 48px 18px 68px 48px;
        padding: 48px 48px 80px 48px;
        height: 75vh;
        overflow: hidden;
        .passenger-content-bg {

 src/robotaxi/pages/begin-route/components/css-folder/release-route.less

@@ -37,7 +37,7 @@
                font-weight: 500;
                line-height: 44px;
                letter-spacing: normal;
                color: rgba(0, 0, 0, 0.9);
                color: @black-text-main;
            }

            .route-select-preference {
@@ -78,7 +78,7 @@
                    font-size: 20px;
                    line-height: 20px;
                    letter-spacing: normal;
                    color: rgba(0, 0, 0, 0.9);
                    color: @black-text-main;
                }

                .route-select-content-item-time {
@@ -87,7 +87,7 @@
                    font-weight: 500;
                    line-height: 40px;
                    letter-spacing: normal;
                    color: rgba(0, 0, 0, 0.9);
                    color: @black-text-main;
                }

                .route-select-content-item-distance {
@@ -98,7 +98,7 @@
                    font-size: 20px;
                    line-height: 20px;
                    letter-spacing: normal;
                    color: rgba(0, 0, 0, 0.9);
                    color: @black-text-main;

                    .traffic-signal-item {
                        display: flex;
@@ -148,6 +148,7 @@
        padding-top: 94px;
        background: @gary-theme;
        border-radius: 60px 60px 0 0;
        box-sizing: border-box;
      .select-site-content {
          position: relative;
          z-index: 1;
@@ -256,7 +257,7 @@
                      font-weight: 500;
                      line-height: 56px;
                        letter-spacing: normal;
                        color: rgba(0, 0, 0, 0.9);
                        color: @black-text-main;
                        margin-right: 22px;
                    }
                }
@@ -266,7 +267,8 @@
        .route-content {
            position: relative;
            margin-top: 16px;
            margin-bottom: 24px;
            padding-bottom: 36px;
            box-sizing: border-box;
            z-index: 10;
            display: flex;
            align-items: center;
@@ -286,7 +288,7 @@
            .route-content-txt {
                font-size: 24px;
                letter-spacing: normal;
                color: rgba(0, 0, 0, 0.4);
                color: @black-text-04;
            }

            .route-content-bottom {
@@ -296,10 +298,12 @@
                    align-items: center;
                    font-size: 24px;
                    letter-spacing: normal;
                    color: rgba(0, 0, 0, 0.6);
                    color: @black-text-04;

                    .tip-icon {
                        margin-right: 6px;
                      width: 24px;
                      height: 24px;
                      margin-right: 6px;
                    }
                }
            }
@@ -329,7 +333,7 @@

            .discount-amount-text {
                flex-shrink: 0;
                border-radius: 200px;
                border-radius: 8px;
                background: rgba(255, 255, 255, 0);
                box-sizing: border-box;
                border: 1.4px solid @gold-text;
@@ -368,7 +372,7 @@
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 24px 38px 62px 32px;
            padding: 8px 38px 62px 32px;
            background: @gary-theme;

            .money-box {

 src/robotaxi/pages/begin-route/components/modify-destination-review.tsx

@@ -414,7 +414,7 @@
                    </View>
                  </View>
                )}
                {isOperateFree
                {/* {isOperateFree
                  ? null
                  : hasFareDiscount && (
                      <View className="modify-destination-review-fare-discount">
@@ -423,7 +423,7 @@
                          {fareEstimate.discountAmount}元
                        </Text>
                      </View>
                    )}
                    )} */}
              </View>
              <View className="modify-destination-review-confirm-wrapper">
                <View

 src/robotaxi/pages/begin-route/components/release-route.tsx

@@ -238,7 +238,7 @@
                              </View>
                              <View className="route-content-bottom">
                                  <View onClick={handleOpenPassengerNotice} className="route-content-bottom-left">
                                      <Image className="tip-icon" src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/tip-default-icon.png" />
                                      <Image className="tip-icon" src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/tip-default-icon-20260726.png" />
                                      <View>乘车须知</View>
                                  </View>
                              </View>
@@ -279,7 +279,7 @@
                            )}
                        </View>
                        <View className="confirm-btn-wrapper">
                          <Image className="confirm-btn-bg" src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/confirm-btn-bg-20260629.png" />
                          <Image className="confirm-btn-bg" src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/confirm-btn-bg-20260726.png" />
                          <View onClick={() => !isCallDisabled && callImmediately()} className="confirm-btn">
                            <Image className="confirm-btn-icon" src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/confirm-btn-icon-20260629.png" />
                              立即呼叫

 src/robotaxi/pages/begin-route/hooks/use-map-markers.ts

@@ -246,6 +246,7 @@
                  : pickupName,
              color: "#FFFFFF",
              fontSize: 12,
              fontWeight: 500,
              bgColor: "#000000",
              borderRadius: 8,
              padding: 8,

 src/robotaxi/pages/begin-route/index.less

@@ -160,7 +160,7 @@

// 气泡底部中间的钻石指示图标
.callout-diamond-icon {
    width: 18px;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    flex-shrink: 0;
@@ -221,9 +221,9 @@
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #141E27;
    background: @black-text-main;
    border-radius: 100px;
    padding: 16px 16px 16px 20px;
    padding: 16px 20px;
}

.site-countdown-icon {
@@ -234,6 +234,7 @@
}

.site-countdown-time {
    font-family: @font-xpsans-bold;
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;

 src/robotaxi/pages/select-map-site/index.less

@@ -201,7 +201,7 @@
                left: 50%;
                top: 100%;
                transform: translate(-50%, -50%);
                width: 18px;
                width: 28px;
                height: 28px;
                z-index: -1;
            }

 src/robotaxi/pages/share-trip/index.less

@@ -516,7 +516,7 @@

// 浮窗底部的钻石指示图标，对齐 begin-route .callout-diamond-icon
.callout-diamond-icon {
  width: 18px;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  flex-shrink: 0;

 src/robotaxi/pages/site-search/index.less

@@ -171,9 +171,9 @@
      justify-content: center;

      .collect-icon {
        width: 32px;
        height: 32px;
        margin-bottom: 8px;
        width: 40px;
        height: 40px;
        margin-bottom: 4px;
      }

      .history-distance {

 src/robotaxi/pages/site-search/index.tsx

@@ -507,8 +507,8 @@
        itemKey={item.id || index}
        item={item}
        iconSrc='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/address-20260630.png'
        starSrc='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/active-star-20260630.png'
        noStarSrc='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/no-star-20260630.png'
        starSrc='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/active-star-20260726.png'
        noStarSrc='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/no-star-20260726.png'
        showDistance={showDistance}
        onSelect={(selectedItem: any) => onSelect(selectedItem, index)}
        renderHighlightedText={renderHighlightedText}