Merge branch 'feature_v2.4.0' into fix-0716-blue-dev

zjk

2026-07-29 429208957f30ab9eedc5533a81aaa284048d09f5

 src/pages/robotaxi/home/components/home-content-panel.tsx

@@ -1,4 +1,4 @@
import { View, Text, Image } from '@tarojs/components';
import { View, Text, Image, Swiper, SwiperItem } from '@tarojs/components';
import OrderStatusCard from './order-status-card';
import { TripStatus } from '../../../../robotaxi/constants/trip-status';
import { safeParse } from '../../../../utils/Robotaxi-public-method';
@@ -108,57 +108,70 @@
    >
      <View className="content-body">
        <View className="select-site">
          <Image className="site-top-bg" src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/site-top-bg-20260507.png' />
          <View className="site-boarding-point">
            <View onClick={() => props.onSelectSite('start')} className="now-site">
              <View className="now-site-dot"></View>
              <View className="now-site-address">
                <View className="now-site-address-content">
                  从
                  <Text className="now-site-address-text">
                    {startSiteText}
                  </Text>
                  出发
                </View>
                <Image className="now-site-icon" src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/right-icon.png" />
              </View>
            </View>
            <View onClick={() => props.onSelectSite('end')} className="to-site">
              <View className="to-site-dot"></View>
              <View className="to-site-address">
                <View className="to-site-text">你想去哪里？</View>
                {props.showQuickCapsule && (
                  <View
                    onClick={(event) => {
                      event.stopPropagation();
                      props.onQuickCapsuleClick();
                    }}
                    className="to-site-fast"
                  >
                    {renderTailPreserveText(props.quickCapsuleText)}
          <Image className="site-top-bg" src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/top-card-bg-20260722.png' />
          <View className="select-site-content">
            <View className="site-boarding-point">
              <View onClick={() => props.onSelectSite('start')} className="now-site">
                <View className="now-site-dot"></View>
                <View className="now-site-address">
                  <View className="now-site-address-content">
                    从
                    <Text className="now-site-address-text">
                      {startSiteText}
                    </Text>
                    出发
                  </View>
                )}
                  <Image className="now-site-icon" src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/now-site-arrow-20260708.png" />
                </View>
              </View>
              <View onClick={() => props.onSelectSite('end')} className="to-site">
                <View className="to-site-dot"></View>
                <View className="to-site-address">
                  <View className="to-site-text">你想去哪？</View>
                  {props.showQuickCapsule && (
                    <View
                      onClick={(event) => {
                        event.stopPropagation();
                        props.onQuickCapsuleClick();
                      }}
                      className="to-site-fast"
                    >
                      {renderTailPreserveText(props.quickCapsuleText)}
                    </View>
                  )}
                </View>
              </View>
            </View>
            {props.shouldShowOrderStatusCard && (
              <OrderStatusCard
                tripStatus={props.tripStatus}
                orderData={props.orderData}
                onViewDetail={props.onViewOrderDetail}
                orderStatusMap={props.orderStatusMap}
              />
            )}

              {props.bannerList.length > 0 && (
              <View className="activity">
                <Swiper
                  className="activity-swiper"
                  autoplay={props.bannerList.length > 1}
                  circular={props.bannerList.length > 1}
                  interval={5000}
                  indicatorDots={props.bannerList.length > 1}
                  indicatorColor="#FFFFFF"
                  indicatorActiveColor="#DFB369"
                >
                {props.bannerList.map((item, index) => (
                  <SwiperItem key={item.id || index} className="activity-item" onClick={() => props.onBannerClick(item)}>
                    <Image mode="aspectFill" className="activity-img" src={safeParse(item.imageUrl, [])?.[0]?.url} />
                  </SwiperItem>
                  ))}
                </Swiper>
              </View>
            )}
            {/* <View onClick={props.onToAgreement} className="product-name">XPENG Robotaxi</View> */}
          </View>
          {props.shouldShowOrderStatusCard && (
            <OrderStatusCard
              tripStatus={props.tripStatus}
              orderData={props.orderData}
              onViewDetail={props.onViewOrderDetail}
              orderStatusMap={props.orderStatusMap}
            />
          )}
          {props.bannerList.length > 0 && (
            <View className="activity">
              {props.bannerList.map((item, index) => (
                <View key={item.id || index} className="activity-item" onClick={() => props.onBannerClick(item)}>
                  <Image mode="aspectFill" className="activity-img" src={safeParse(item.imageUrl, [])?.[0]?.url} />
                </View>
              ))}
            </View>
          )}
          <View onClick={props.onToAgreement} className="product-name">XPENG Robotaxi</View>
        </View>
      </View>
    </View>