Merge branch 'lucl/feature_v2.4.0_ui' into 'feature_v2.4.0_ui'

卢春龙

2026-07-28 4cc18476eb8ed4771fa1db352df21fd006dc829e

Merge branch 'lucl/feature_v2.4.0_ui' into 'feature_v2.4.0_ui'

feat: 修复 UI 问题

See merge request robotaxi1/xp-robotaxi-miniprogram!196

 src/pages/robotaxi/home/index.less

@@ -537,23 +537,29 @@
        .now-site-address {
          display: flex;
          align-items: center;
          flex: 1;
          min-width: 0;

          .now-site-address-content {
            min-width: 0;
            overflow: hidden;
            display: flex;
            align-items: center;
            font-size: 28px;
            font-weight: 500;
            line-height: 44px;
            letter-spacing: normal;
            color:rgba(20, 30, 39, 0.8);
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            /* 设置最大显示行数 */
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            word-break: break-all;
            white-space: nowrap;

            .now-site-address-text {
              flex: 1;
              min-width: 0;
              display: inline-block;
              margin: 0 8px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              color: #B38F53;
            }
          }

 src/robotaxi/pages/begin-route/components/calling-car-modules/trip-status-header.tsx

@@ -184,7 +184,7 @@
      {/* 车辆即将到达：左右布局状态栏（图一） */}
      {tripStatus === TripStatus.VehicleApproaching && (
        <View className='calling-car-status-box'>
          <Image className='calling-car-status-box-come-icon' mode='widthFix' src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/come-icon-20260715.webp'></Image>
          <Image className='calling-car-status-box-come-icon' mode='widthFix' src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/come-icon-20260728.webp'></Image>
          <View className='calling-car-status-box-left'>{isArriveSoon ? '即将抵达' : '正在赶来'}</View>
          <View className='calling-car-status-box-right'>
            {distanceText && <View className='distance'>{distanceText}</View>}
@@ -203,7 +203,7 @@
      {/* 行程中：左右布局状态栏 */}
      {tripStatus === TripStatus.InService && (
        <View className='calling-car-status-box'>
          <Image className='calling-car-status-box-come-icon'  mode='widthFix' src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/come-icon-20260715.webp'></Image>
          <Image className='calling-car-status-box-come-icon'  mode='widthFix' src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/come-icon-20260728.webp'></Image>
          <View className='calling-car-status-box-left'>正在前往目的地</View>
          <View className='calling-car-status-box-right'>
            {distanceText && <View className='distance'>{distanceText}</View>}

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

@@ -194,27 +194,35 @@
                .now-site-address {
                    display: flex;
                    align-items: center;
                    flex: 1;
                    min-width: 0;

                    .now-site-address-content {
                        min-width: 0;
                        overflow: hidden;
                        display: flex;
                        align-items: center;
                        font-size: 28px;
                        font-weight: 500;
                        line-height: 44px;
                        letter-spacing: normal;
                        color:rgba(20, 30, 39, 0.8);
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        /* 设置最大显示行数 */
                        -webkit-box-orient: vertical;
                        text-overflow: ellipsis;
                        word-break: break-all;
                        white-space: nowrap;

                        .now-site-address-text {
                          flex: 1;
                          min-width: 0;
                          display: inline-block;
                          margin: 0 8px;
                          overflow: hidden;
                          text-overflow: ellipsis;
                          white-space: nowrap;
                          color: @gold-text;
                        }
                    }

                    .now-site-icon {
                        flex-shrink: 0;
                        margin-left: 2px;
                        width: 24px;
                        height: 24px;
@@ -251,14 +259,21 @@
                .to-site-address {
                    display: flex;
                    align-items: center;
                    flex: 1;
                    min-width: 0;

                    .to-site-text {
                      flex: 1;
                      min-width: 0;
                      font-size: 40px;
                      font-weight: 500;
                      line-height: 56px;
                        letter-spacing: normal;
                        color: @black-text-main;
                        margin-right: 22px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }
            }

 src/robotaxi/pages/personal-center/index.tsx

@@ -170,7 +170,7 @@
            >
              <Text className="coupon-card-title">我的优惠券</Text>
              <View className="coupon-card-right">
                <Text className="coupon-card-count">{couponCount}张</Text>
                <Text className="coupon-card-count">{couponCount}张可用</Text>
                <Image className="coupon-card-arrow" src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/golden-arrow-20260629.png" />
              </View>
            </View>