bimwe/mini-programs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
张成
2025-12-13 00:20:26 +08:00
parent e560d06106
commit 9f63a2369a
3 changed files with 159 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
src/components/HomeNavbar/index.tsx
View File

@@ -1,4 +1,4 @@
import { useEffect, useState, useRef } from "react";
import { useEffect, useState } from "react";
import { View, Text, Image } from "@tarojs/components";
import img from "@/config/images";
import { useGlobalState } from "@/store/global";
@@ -96,7 +96,6 @@ const HomeNavbar = (props: IProps) => {
detectedProvince: string;
cachedCity: [string, string];
} | null>(null);
const hasShownLocationDialog = useRef(false); // 防止重复弹窗
// 监听城市选择器状态变化，通知父组件
useEffect(() => {
@@ -110,44 +109,18 @@ const HomeNavbar = (props: IProps) => {
// 只使用省份/直辖市，不使用城市（城市可能是区）
const detectedLocation = lastLocationProvince;
// 初始化城市：优先使用缓存的定位信息，其次使用用户详情中的位置信息
useEffect(() => {
// 1. 尝试从缓存中读取上次的定位信息
const cachedCity = (Taro as any).getStorageSync(CITY_CACHE_KEY);
if (cachedCity && Array.isArray(cachedCity) && cachedCity.length === 2) {
// 如果有缓存的定位信息，使用缓存
const cachedCityArray = cachedCity as [string, string];
console.log("使用缓存的定位城市:", cachedCityArray);
updateArea(cachedCityArray);
// 如果用户详情中有位置信息且与缓存不同，弹窗询问是否切换
if (detectedLocation && cachedCityArray[1] !== detectedLocation && !hasShownLocationDialog.current) {
hasShownLocationDialog.current = true;
showLocationConfirmDialog(detectedLocation, cachedCityArray);
}
} else if (detectedLocation) {
// 如果没有缓存但有用户详情中的位置信息，直接使用并保存到缓存
console.log("没有缓存，使用用户详情中的位置信息:", detectedLocation);
const newArea: [string, string] = ["中国", detectedLocation];
updateArea(newArea);
// 保存定位信息到缓存
(Taro as any).setStorageSync(CITY_CACHE_KEY, newArea);
}
}, [detectedLocation]);
// 检查是否在2小时内已选择"继续浏览"或切换过城市
// 检查是否应该显示定位确认弹窗
const should_show_location_dialog = (): boolean => {
try {
const current_time = Date.now();
// 检查是否在2小时内切换过城市
const city_change_time = (Taro as any).getStorageSync(CITY_CHANGE_TIME_KEY);
if (city_change_time) {
const current_time = Date.now();
const time_diff = current_time - city_change_time;
// 如果距离上次切换城市还在2小时内，不显示弹窗
if (time_diff < TWO_HOURS_MS) {
console.log(`距离上次切换城市还不到2小时，剩余时间: ${Math.ceil((TWO_HOURS_MS - time_diff) / 1000 / 60)}分钟，不显示定位弹窗`);
console.log(`[HomeNavbar] 距离上次切换城市还不到2小时，剩余时间: ${Math.ceil((TWO_HOURS_MS - time_diff) / 1000 / 60)}分钟，不显示定位弹窗`);
return false;
} else {
// 超过2小时，清除过期记录
@@ -161,9 +134,7 @@ const HomeNavbar = (props: IProps) => {
return true; // 没有记录，可以显示
}
const current_time = Date.now();
const time_diff = current_time - dismiss_time;
// 如果距离上次选择"继续浏览"已超过2小时，可以再次显示
if (time_diff >= TWO_HOURS_MS) {
// 清除过期记录
@@ -172,30 +143,123 @@ const HomeNavbar = (props: IProps) => {
}
// 在2小时内，不显示弹窗
console.log(`距离上次选择"继续浏览"还不到2小时，剩余时间: ${Math.ceil((TWO_HOURS_MS - time_diff) / 1000 / 60)}分钟`);
console.log(`[HomeNavbar] 距离上次选择"继续浏览"还不到2小时，剩余时间: ${Math.ceil((TWO_HOURS_MS - time_diff) / 1000 / 60)}分钟`);
return false;
} catch (error) {
console.error('检查定位弹窗显示条件失败:', error);
console.error('[HomeNavbar] 检查定位弹窗显示条件失败:', error);
return true; // 出错时默认显示
}
};
// 显示定位确认弹窗
const showLocationConfirmDialog = (detectedLocation: string, cachedCity: [string, string]) => {
// 检查是否在2小时内已选择"继续浏览"
// 检查是否应该显示弹窗
if (!should_show_location_dialog()) {
console.log('[LocationDialog] 用户在2小时内已选择"继续浏览"，不显示弹窗');
console.log('[HomeNavbar] 用户在2小时内已选择"继续浏览"或切换过城市，不显示弹窗');
return;
}
console.log('[LocationDialog] 准备显示定位确认弹窗，隐藏 GuideBar');
console.log('[HomeNavbar] 准备显示定位确认弹窗，隐藏 GuideBar');
setLocationDialogData({ detectedProvince: detectedLocation, cachedCity });
setLocationDialogVisible(true);
// 显示弹窗时隐藏 GuideBar
setShowGuideBar(false);
console.log('[LocationDialog] setShowGuideBar(false) 已调用');
console.log('[HomeNavbar] setShowGuideBar(false) 已调用');
};
// 初始化城市：优先使用缓存的定位信息，如果缓存城市和用户详情位置不一致，且时间过期，则弹出选择框
// 只在组件挂载时执行一次，避免重复执行
useEffect(() => {
// 1. 优先尝试从缓存中读取上次的定位信息
const cachedCity = (Taro as any).getStorageSync(CITY_CACHE_KEY);
if (cachedCity && Array.isArray(cachedCity) && cachedCity.length === 2) {
// 如果有缓存的定位信息，使用缓存
const cachedCityArray = cachedCity as [string, string];
console.log("[HomeNavbar] 使用缓存的定位城市:", cachedCityArray);
updateArea(cachedCityArray);
// 如果用户详情中有位置信息，且与缓存不一致，检查是否需要弹窗
if (detectedLocation && cachedCityArray[1] !== detectedLocation) {
// 检查时间缓存，如果没有或过期，则弹出选择框
if (should_show_location_dialog()) {
console.log("[HomeNavbar] 缓存城市与用户详情位置不一致，且时间过期，弹出选择框");
showLocationConfirmDialog(detectedLocation, cachedCityArray);
} else {
console.log("[HomeNavbar] 缓存城市与用户详情位置不一致，但时间未过期，不弹出选择框");
}
}
} else if (detectedLocation) {
// 只有在完全没有缓存的情况下，才使用用户详情中的位置信息
console.log("[HomeNavbar] 没有缓存，使用用户详情中的位置信息:", detectedLocation);
const newArea: [string, string] = ["中国", detectedLocation];
updateArea(newArea);
// 保存定位信息到缓存
(Taro as any).setStorageSync(CITY_CACHE_KEY, newArea);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []); // 空依赖数组，确保只在组件挂载时执行一次
// 检查是否在2小时内已选择"继续浏览"或切换过城市（当前不使用，首页重新进入时直接使用缓存中的位置）
// const should_show_location_dialog = (): boolean => {
// try {
// // 检查是否在2小时内切换过城市
// const city_change_time = (Taro as any).getStorageSync(CITY_CHANGE_TIME_KEY);
// if (city_change_time) {
// const current_time = Date.now();
// const time_diff = current_time - city_change_time;
//
// // 如果距离上次切换城市还在2小时内，不显示弹窗
// if (time_diff < TWO_HOURS_MS) {
// console.log(`距离上次切换城市还不到2小时，剩余时间: ${Math.ceil((TWO_HOURS_MS - time_diff) / 1000 / 60)}分钟，不显示定位弹窗`);
// return false;
// } else {
// // 超过2小时，清除过期记录
// (Taro as any).removeStorageSync(CITY_CHANGE_TIME_KEY);
// }
// }
//
// // 检查是否在2小时内已选择"继续浏览"
// const dismiss_time = (Taro as any).getStorageSync(LOCATION_DIALOG_DISMISS_TIME_KEY);
// if (!dismiss_time) {
// return true; // 没有记录，可以显示
// }
//
// const current_time = Date.now();
// const time_diff = current_time - dismiss_time;
//
// // 如果距离上次选择"继续浏览"已超过2小时，可以再次显示
// if (time_diff >= TWO_HOURS_MS) {
// // 清除过期记录
// (Taro as any).removeStorageSync(LOCATION_DIALOG_DISMISS_TIME_KEY);
// return true;
// }
//
// // 在2小时内，不显示弹窗
// console.log(`距离上次选择"继续浏览"还不到2小时，剩余时间: ${Math.ceil((TWO_HOURS_MS - time_diff) / 1000 / 60)}分钟`);
// return false;
// } catch (error) {
// console.error('检查定位弹窗显示条件失败:', error);
// return true; // 出错时默认显示
// }
// };
// 显示定位确认弹窗（当前不使用，首页重新进入时直接使用缓存中的位置）
// const showLocationConfirmDialog = (detectedLocation: string, cachedCity: [string, string]) => {
// // 检查是否在2小时内已选择"继续浏览"
// if (!should_show_location_dialog()) {
// console.log('[LocationDialog] 用户在2小时内已选择"继续浏览"，不显示弹窗');
// return;
// }
//
// console.log('[LocationDialog] 准备显示定位确认弹窗，隐藏 GuideBar');
// setLocationDialogData({ detectedProvince: detectedLocation, cachedCity });
// setLocationDialogVisible(true);
// // 显示弹窗时隐藏 GuideBar
// setShowGuideBar(false);
// console.log('[LocationDialog] setShowGuideBar(false) 已调用');
// };
// 处理定位弹窗确认
const handleLocationDialogConfirm = () => {
if (!locationDialogData) return;
@@ -206,6 +270,14 @@ const HomeNavbar = (props: IProps) => {
updateArea(newArea);
// 更新缓存为新的定位信息
(Taro as any).setStorageSync(CITY_CACHE_KEY, newArea);
// 记录切换城市的时间戳，2小时内不再提示
try {
const current_time = Date.now();
(Taro as any).setStorageSync(CITY_CHANGE_TIME_KEY, current_time);
console.log(`[LocationDialog] 已记录用户切换城市的时间，2小时内不再提示`);
} catch (error) {
console.error('保存城市切换时间失败:', error);
}
console.log("切换到用户详情中的位置信息并更新缓存:", detectedProvince);
// 关闭弹窗