| | |
| | | const MAX_SHOW_COUNT = 5 // 默认最多显示5条 |
| | | const MAX_EXPANDED_COUNT = 10 |
| | | const MAX_SHOW_HISTORY = 3 // 默认历史记录最多3条 |
| | | const RECOMMEND_SHOW_COUNT = 15 // 推荐站点默认展示数量 |
| | | |
| | | const router = Taro.useRouter(); |
| | | |
| | |
| | | : recommendSourceList; |
| | | const sortedHistorySite = sortSitesByCollectedFirst(historySite); |
| | | const visibleHistory = showAllHistory ? sortedHistorySite.slice(0, MAX_EXPANDED_COUNT) : sortedHistorySite.slice(0, MAX_SHOW_HISTORY); |
| | | const visibleRecommend = showAllRecommend ? recommendList.slice(0, MAX_EXPANDED_COUNT) : recommendList.slice(0, MAX_SHOW_COUNT); |
| | | const visibleRecommend = showAllRecommend ? recommendList : recommendList.slice(0, RECOMMEND_SHOW_COUNT); |
| | | const canShowSearchFallback = !searchValue || (!isSearching && lastCompletedKeyword === searchValue.trim()); |
| | | |
| | | useEffect(() => { |
| | |
| | | }, true, true) |
| | | } |
| | | </View> |
| | | {recommendList.length > MAX_SHOW_COUNT && ( |
| | | {recommendList.length > RECOMMEND_SHOW_COUNT && ( |
| | | <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> |