magic-csb/boluo-app-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:

Browse Source
This commit is contained in:
chashaobao
2025-10-26 22:23:14 +08:00
parent a179654898
commit fde2027588
14 changed files with 104 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/search-city/index.tsx
View File

@ -2,7 +2,7 @@ import { BaseEventOrig, InputProps, ScrollView } from '@tarojs/components';
import Taro from '@tarojs/taro';
import { Search } from '@taroify/core';
import { useCallback, useEffect, useState } from 'react';
import { Fragment, useCallback, useEffect, useState } from 'react';
import { CITY_CODE_TO_NAME_MAP, CITY_INDEXES_LIST } from '@/constants/city';
import useCityOperators from '@/hooks/use-city-operators';
@ -81,6 +81,8 @@ export default function SearchCity({
}).filter(item => item.data.length > 0)
: CITY_INDEXES_LIST;
const HOT_CITY_LIST = forGroup ? HOT_CITY.filter(it => groupCityCodes.includes(`${it.cityCode}`)) : HOT_CITY;
const handleSearchChange = useCallback((event: BaseEventOrig<InputProps.inputEventDetail>) => {
const value = event.detail.value;
log('handleSearchChange', value);
@ -183,19 +185,25 @@ export default function SearchCity({
<div>
<div className={`${PREFIX}__position-title`}>当前城市</div>
<div className={`${PREFIX}__position-city`}>{CITY_CODE_TO_NAME_MAP.get(currentCity)}</div>
<div className={`${PREFIX}__hot-city-title`}>热门城市</div>
<div className={`${PREFIX}__hot-city-container`}>
{HOT_CITY.map(city => (
<div
key={city.cityCode}
className={`${PREFIX}__hot-city-item`}
data-code={city.cityCode}
onClick={handleSelectCity}
>
{city.cityName}
{!!HOT_CITY_LIST.length && (
<Fragment>
<div className={`${PREFIX}__hot-city-title`}>热门城市</div>
<div className={`${PREFIX}__hot-city-container`}>
{HOT_CITY_LIST.map(city => {
return (
<div
key={city.cityCode}
className={`${PREFIX}__hot-city-item`}
data-code={city.cityCode}
onClick={handleSelectCity}
>
{city.cityName}
</div>
);
})}
</div>
))}
</div>
</Fragment>
)}
<div className={`${PREFIX}__indexes-list`}>
{CITY_LIST.map(item => {
return (