style(robotaxi): 优化各页面UI样式，更新图标与订单详情布局

hejianhao

2026-06-30 77084054f73f1bab964c2d815ed7a34805c7b3f8

style(robotaxi): 优化各页面UI样式，更新图标与订单详情布局

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

@@ -107,6 +107,7 @@
      &-num {
        font-size: 48px;
        line-height: 64px;
        font-weight: 500;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 0.9);
      }
@@ -176,6 +177,7 @@
          &-temp {
            display: flex;
            align-items: flex-start;
            margin-left: -6px;
            font-size: 52px;
            line-height: 48px;
            letter-spacing: normal;
@@ -796,4 +798,4 @@
      height: 17.5px;
    }
  }
}
}

 src/robotaxi/pages/begin-route/hooks/use-view-delegates.tsx

@@ -226,14 +226,14 @@
          className="car-time"
          style={{ alignItems: "baseline", paddingBottom: 0 }}
        >
          <View className="car-time-num" style={{ marginBottom: 0 }}>
          <View className="car-time-num">
            {routeDistance?.value ?? 0}
          </View>
          <View style={{ flexShrink: 0 }}>
            {routeDistance?.unit === "m" ? "米" : "公里"}
          </View>
          <View
            style={{ marginLeft: "2px", marginBottom: 0 }}
            style={{ marginLeft: "2px" }}
            className="car-time-num"
          >
            {durationDisplay.value}

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

@@ -192,9 +192,10 @@

.car-time-num {
    font-size: 28px;
    line-height: 28rpx;
    font-weight: 500;
    letter-spacing: normal;
    color: #6D7FD9;
    margin-bottom: -4px;
    margin-right: 2px;
}


 src/robotaxi/pages/order/detail/index.less

@@ -86,7 +86,7 @@
      .card-title {
        font-family: PingFang SC;
        font-size: 28px;
        font-weight: normal;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: normal;
        /* 文字色/黑色/重要字 90% */
@@ -153,7 +153,7 @@

      .price-card {
        display: flex;
        align-items: center;
        align-items: flex-end;

        .price {

@@ -167,7 +167,7 @@
          font-family: PingFang SC;
          font-size: 24px;
          font-weight: normal;
          line-height: 40px;
          line-height: 26px;
          letter-spacing: normal;
          color: rgba(0, 0, 0, 0.9);
          margin: 0 4px;
@@ -177,7 +177,7 @@

          font-size: 28px;
          font-weight: normal;
          line-height: 40px;
          line-height: 26px;
          letter-spacing: normal;
          text-decoration: line-through;
          color: rgba(0, 0, 0, 0.4);

 src/robotaxi/pages/order/detail/index.tsx

@@ -180,13 +180,19 @@
      return;
    }
    const polylineData = [{
      points: routePath,
      color: '#6D7FD9',
      width: 10,
      arrowLine: true,
      arrowIconPath: 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/line-right.png',
      borderColor: '#FFFFFF',
    }];
    points: routePath,
    color: '#6D7BC1',
    width: 10,
    dottedLine: false,
    arrowLine: false,
  },
  {
    points: routePath,
    color: '#7B91FF',
    width: 8,
    dottedLine: false,
    arrowLine: true,
  }];
    setPolyline(polylineData);
  };

@@ -289,9 +295,10 @@
              <View>
                <View className='car-name'>{orderData.plateNumber}</View>
                <View className='info'>
                  <Text className='car-color'>小鹏GX</Text>
                  <Text className='info-line'></Text>
                  <Text className='car-color'>{orderData.vehicleColor}</Text>
                  {/* <Text className='info-line'></Text>
                  <Text className='car-code'>车身编码: </Text>
                  {/* <Text className='car-code'>车身编码: </Text>
                  <Text className='code'>{orderData.vehicleCode}</Text> */}
                </View>
              </View>
@@ -361,7 +368,7 @@
            <View className='line-icon first-icon'></View>
            <Text className='line-text'>{orderData.startAddress}</Text>
          </View>
          <View className='line-address' style={{ marginTop: '8px' }}>
          <View className='line-address'>
            <View className='line-icon'></View>
            <Text className='line-text'>{orderData.endAddress}</Text>
          </View>

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

@@ -158,7 +158,7 @@
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(40px);
            box-shadow: 0px 4px 16px 0px rgba(45, 48, 64, 0.2);
            padding: 12px 12px 12px 20px;
            padding: 12px 20px;

            .toolTip-txt-content {
                font-size: 24px;

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

@@ -92,8 +92,8 @@
      justify-content: center;

      .fast-item-icon {
        width: 23px;
        height: 22px;
        width: 28px;
        height: 28px;
        margin-right: 8px;
      }

@@ -233,6 +233,7 @@
    justify-content: center;
    cursor: pointer;
    height: 70px;

    .more-text {
      font-family: PingFang SC;
      font-size: 22px;
@@ -281,7 +282,7 @@
    }

    .card-content {
      padding: 16px 0;
      padding: 16px 0 32px 0;
    }
  }

@@ -363,4 +364,4 @@
    width: 480px;
    height: 400px;
  }
}
}

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

@@ -553,12 +553,12 @@
      {/* 收藏站点与地图选点 */}
      <View className='fast-box'>
        <View className='fast-item' onClick={() => setShowFavoritePopup(true)}>
          <Image className='fast-item-icon' src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/favorite.png"></Image>
          <Image className='fast-item-icon' src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/favorite-v2.png"></Image>
          <Text className='fast-item-text'>收藏站点</Text>
        </View>
        <View className='fast-split'></View>
        <View onClick={toSelectSite} className='fast-item'>
          <Image className='fast-item-icon' src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/map.png"></Image>
          <Image className='fast-item-icon' src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/map-v2.png"></Image>
          <Text className='fast-item-text'>地图选点</Text>
        </View>
      </View>