| | |
| | | { |
| | | key: "cancel", |
| | | label: "取消行程", |
| | | icon: 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/cancel-trip.png', |
| | | icon: 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/cancel-trip-20260716.png', |
| | | visible: showCancelTrip, |
| | | onClick: handleCancelTrip |
| | | }, |
| | | { |
| | | key: "destination", |
| | | label: "修改目的地", |
| | | icon: 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/change-destination.png', |
| | | icon: 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/change-destination-20260716.png', |
| | | visible: canShowTripAction, |
| | | disabled: !showModifyDestination, |
| | | onClick: handleModifyDestination |
| | |
| | | { |
| | | key: "share", |
| | | label: "分享行程", |
| | | icon: 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/share-trip.png', |
| | | icon: 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/share-trip-20260716.png', |
| | | visible: canShowTripAction && showShareTrip, |
| | | onClick: handleShareTrip |
| | | } |
| | |
| | | |
| | | return ( |
| | | <View className={`trip-action-bar${hasCancelTripAction ? '' : ' trip-action-bar-without-cancel'}`}> |
| | | {actionList.map((item, index) => ( |
| | | {actionList.map((item) => ( |
| | | <Fragment key={item.key}> |
| | | {item.key === 'share' ? ( |
| | | <Button |
| | |
| | | <Text className="trip-action-bar-item-text">{item.label}</Text> |
| | | </View> |
| | | )} |
| | | {index < actionList.length - 1 && <View className="trip-action-bar-divider" />} |
| | | </Fragment> |
| | | ))} |
| | | </View> |