From 3f7e4f5dc89127eeab326fbc4b31a545f515a376 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期一, 20 十月 2025 15:24:15 +0800
Subject: [PATCH] fix: bug
---
apps/cMiniApp/src/custom-tab-bar/index.tsx | 60 +++++++++++++++++++++++++-----------------------------------
1 files changed, 25 insertions(+), 35 deletions(-)
diff --git a/apps/cMiniApp/src/custom-tab-bar/index.tsx b/apps/cMiniApp/src/custom-tab-bar/index.tsx
index 00a24dd..aa19d04 100644
--- a/apps/cMiniApp/src/custom-tab-bar/index.tsx
+++ b/apps/cMiniApp/src/custom-tab-bar/index.tsx
@@ -7,15 +7,15 @@
import { storeToRefs } from 'pinia';
import { TabBarPageRouter } from '@/constants';
// import IconPublish from '@/assets/tabbar/icon-publish.png';
-import { useUser, useIsLogin, useMyMessageCount } from '@/hooks';
+import { useUser, useIsLogin } from '@/hooks';
import { Message } from '@12333/utils';
-import { MatchMakingIdentityEnumTitle } from '@12333/constants';
type TarBarItemProps = {
text: string;
icon: string;
activeIcon: string;
pagePath: string;
+ currentPath: string;
active: boolean;
className: string;
onClick?: (url: string, index: number) => any;
@@ -29,14 +29,16 @@
const TarBarItem = function (props: TarBarItemProps, context: SetupContext<TarBarItemEvents>) {
const _badge = props.badge > 99 ? '99+' : props.badge;
+ // const isActive = props.currentPath.toLowerCase().includes(props.pagePath.toLowerCase());
+ const isActive = props.active;
return (
<div
- class={['bottom-tab-item', { active: props.active }, props.className]}
+ class={['bottom-tab-item', { active: isActive }, props.className]}
onClick={() => context.emit('click', props.pagePath, props.index)}
>
<div class="bottom-tab-item-icon-wrapper">
{props.badge > 0 && <div class="bottom-tab-item-badge">{_badge}</div>}
- <img class="bottom-tab-item-icon" src={props.active ? props.activeIcon : props.icon} />
+ <img class="bottom-tab-item-icon" src={isActive ? props.activeIcon : props.icon} />
</div>
<div class="bottom-tab-item-text">{props.text}</div>
</div>
@@ -63,8 +65,6 @@
const router = Taro.useRouter();
- const { matchMakingIdentity } = useUser();
-
const isLogin = useIsLogin();
const loginTipShowed = ref(false);
@@ -85,8 +85,9 @@
}
return;
}
- system.setTabIndex(index);
- Taro.switchTab({ url });
+ Taro.switchTab({ url }).then(() => {
+ system.setTabIndex(index);
+ });
};
function goPublish() {
@@ -112,7 +113,7 @@
}
return () => {
- const homeTitle = MatchMakingIdentityEnumTitle[matchMakingIdentity.value];
+ const _router = Taro.useRouter();
return (
<View
class="bottom-tab"
@@ -121,49 +122,38 @@
}}
>
<TarBarItem
- text={homeTitle}
+ text={'鎵惧伐浣�'}
icon="../assets/tabbar/icon-home.png"
activeIcon="../assets/tabbar/icon-home-active.png"
pagePath={TabBarPageRouter.Home}
+ currentPath={_router.path}
index={0}
active={system.activeTab === 0}
className="home"
onClick={switchTab}
></TarBarItem>
- {/* <TarBarItem
- text="琛屼笟鍦�"
- icon="../assets/tabbar/icon-friend.png"
- activeIcon="../assets/tabbar/icon-friend-active.png"
- pagePath={TabBarPageRouter.CircleFriend}
- index={1}
- active={system.activeTab === 1}
- className="circleFriend"
- onClick={switchTab}
- ></TarBarItem>
- <div class="bottom-tab-item publish-wrapper" onClick={goPublish}>
- <img class="bottom-tab-item-img-publish" src={IconPublish} />
- <div class="bottom-tab-item-text">鍙戝竷</div>
- </div>
+
<TarBarItem
- text="娑堟伅"
- icon="../assets/tabbar/icon-message.png"
- activeIcon="../assets/tabbar/icon-message-active.png"
- pagePath={TabBarPageRouter.Message}
- active={system.activeTab === 2}
- className="message"
+ text="浠诲姟"
+ icon="../assets/tabbar/icon-task.png"
+ activeIcon="../assets/tabbar/icon-task-active.png"
+ pagePath={TabBarPageRouter.Task}
+ currentPath={_router.path}
+ active={system.activeTab === 1}
+ className="task"
onClick={switchTab}
- index={2}
- badge={(isLogin.value && myMessageCount.value?.unReadCount) ?? 0}
- ></TarBarItem> */}
+ index={1}
+ ></TarBarItem>
<TarBarItem
text="鎴戠殑"
icon="../assets/tabbar/icon-mine.png"
activeIcon="../assets/tabbar/icon-mine-active.png"
pagePath={TabBarPageRouter.Mine}
- active={system.activeTab === 3}
+ currentPath={_router.path}
+ active={system.activeTab === 2}
className="mine"
onClick={switchTab}
- index={3}
+ index={2}
></TarBarItem>
</View>
);
--
Gitblit v1.9.1