Merge branch 'fix/modify-point' into 'feature_v1.0'

卢春龙

2026-06-14 b6cbc3b0384df92530d17b81282403a9617841fc

Merge branch 'fix/modify-point' into 'feature_v1.0'

fix: 地点搜索页面，安卓点击展示更多点击时会有一个浅蓝色的背景。苹果手机点击 展开更多 后再点击 收起 再点击展开更多，列表项有两个项之间间距变小了

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

 src/app.less

@@ -13,6 +13,7 @@
text,
scroll-view {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

button {

 src/robotaxi/components/demo/index.tsx

@@ -1,12 +1,28 @@
import Taro from '@tarojs/taro'
import { PureComponent } from 'react'
import { View, Text } from '@tarojs/components'
import './index.less'
// TODO(仅用于测试): 上线前删除以下空调测试相关引入及 DEMO_ORDER_ID
import TemperatureControl from '../../pages/begin-route/components/calling-car-modules/temperature-control';
import DoorTrunkControl from '../../pages/begin-route/components/calling-car-modules/door-trunk-control';
// TODO(仅用于测试): 上线前删除以下修改目的地卡片测试相关引入及 DEMO_MODIFY_* 数据
import ModifyDestinationReview from '../../pages/begin-route/components/modify-destination-review';
import { TripStatus } from '../../constants/trip-status';

const DEMO_ORDER_ID = '2063814874050772993';

// TODO(仅用于测试): 上线前删除以下修改目的地卡片 mock 数据
const DEMO_MODIFY_START_SITE = { id: 'demo-start', name: '深圳北站' };
const DEMO_MODIFY_NEXT_END_SITE = { id: 'demo-end', name: '腾讯滨海大厦' };
const DEMO_MODIFY_FARE_ESTIMATE = { finalFareStr: '38.5', discountAmount: 5 };
const DEMO_MODIFY_ROUTE_OPTIONS = [
  {
    route: { routeID: 'demo-route-1' },
    primaryRoutePlanRule: 'FASTEST',
    snapshotId: 'demo-snapshot-1',
    operateFree: 0,
  },
];

type Props = {
  showIcon: boolean
@@ -61,6 +77,20 @@
            orderId={DEMO_ORDER_ID}
          />
        </View>
        <Text>修改目的地卡片 Demo</Text>
        {/* TODO(仅用于测试): 上线前删除 ModifyDestinationReview 测试渲染 */}
        <View className='calling-car'>
          <ModifyDestinationReview
            orderId={DEMO_ORDER_ID}
            startSite={DEMO_MODIFY_START_SITE}
            nextEndSite={DEMO_MODIFY_NEXT_END_SITE}
            fareEstimate={DEMO_MODIFY_FARE_ESTIMATE}
            routeOptions={DEMO_MODIFY_ROUTE_OPTIONS}
            selectedRouteIndex={0}
            onEditDestination={() => Taro.showToast({ title: '编辑目的地（Demo）', icon: 'none' })}
            onConfirm={() => Taro.showToast({ title: '确认修改（Demo）', icon: 'none' })}
          />
        </View>
      </View>
    )
  }

 src/robotaxi/pages/select-map-site/components/select-map-site-view.tsx

@@ -1,6 +1,4 @@
import { View, Map, Text, Image, ScrollView } from '@tarojs/components';
import { useMemo } from 'react';
import Taro from '@tarojs/taro';
import CustomerServicePopup from '../../../components/customer-service';
import TipPopup from '../../../components/tip-popup';
import { formatTripDistance, formatTripDurationFromSeconds } from '../../../../utils/Robotaxi-public-method';
@@ -69,17 +67,6 @@
  const shouldShowSelectedSiteEcho = !showRangeWarning && Boolean(deps.selectedSite.name);
  const shouldShowStationSelection = deps.selectionMode === 'station' && !showRangeWarning;

  // 搜索框右侧与小程序胶囊按钮右边缘对齐
  const searchCardRightPx = useMemo(() => {
    try {
      const menuButton = Taro.getMenuButtonBoundingClientRect();
      const systemInfo = Taro.getSystemInfoSync();
      return systemInfo.screenWidth - menuButton.right;
    } catch {
      return 7; // fallback
    }
  }, []);

  return (
    <View className="home-container">
      <Map
@@ -96,11 +83,11 @@
        style={{ width: '100%', height: '100%' }}
      >
        {/* 返回 */}
        <View onClick={deps.toBack} className="select-city" style={{ left: `${searchCardRightPx}px` }}>
        <View onClick={deps.toBack} className="select-city">
          <Image className="select-city-icon" src={deps.backIcon} />
        </View>
        {/* 搜索框 */}
        <View onClick={deps.toSiteSearch} className="search-card" style={{ left: `${searchCardRightPx}px`, right: `${searchCardRightPx}px` }}>
        <View onClick={deps.toSiteSearch} className="search-card">
          <View className={`search-icon ${deps.pageType == 'end' ? 'end-icon' : ''}`}></View>
          <View className="search-input-box">
            <View className="search-input-placeholder">{deps.pageType == 'start' ? '请输入上车点' : '请输入目的地'}</View>

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

@@ -1,6 +1,7 @@
.select-city {
    position: fixed;
    top: 92px;
    left: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
@@ -20,6 +21,8 @@
.search-card {
    position: fixed;
    top: 180px;
    left: 31px;
    right: 31px;
    display: flex;
    align-items: center;
    border-radius: 24px;

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

@@ -226,6 +226,7 @@
  }

  .show-more {
    -webkit-tap-highlight-color: transparent;
    padding-bottom: 22px;
    display: flex;
    align-items: center;

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

@@ -571,7 +571,7 @@
        recommendList.length > 0 &&
        <View className='recommend-card'>
          <View className='card-header'>{searchValue ? '搜索站点' : '推荐站点'}</View>
          <View className='card-content list-content' id='recommend-card-content'>
          <View className='card-content list-content' id='recommend-card-content' key={`recommend-${showAllRecommend ? 'expanded' : 'collapsed'}`}>
            {
              renderSiteItems(visibleRecommend, (item, index = 0) => {
                if (pageType === 'start' && searchValue.trim()) {
@@ -594,7 +594,7 @@
            }
          </View>
          {recommendList.length > MAX_SHOW_COUNT && (
            <View className='show-more' onClick={toggleRecommendShow}>
            <View className='show-more' hoverClass='none' onClick={toggleRecommendShow}>
              <Text className='more-text'>{showAllRecommend ? '收起' : '展示更多'}</Text>
              <Image className={`more-icon ${showAllRecommend ? 'rotate-up' : ''}`} src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/arrow.png"></Image>
            </View>