feat: 接口对接

wupengfei

4 天以前 ea99caed5d6eb9ee93256f8bee0ebefeebdeb40e

 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,15 @@

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());
  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 +64,6 @@

    const router = Taro.useRouter();

    const { matchMakingIdentity } = useUser();

    const isLogin = useIsLogin();

    const loginTipShowed = ref(false);
@@ -85,8 +84,9 @@
        }
        return;
      }
      system.setTabIndex(index);
      Taro.switchTab({ url });
      Taro.switchTab({ url }).then(() => {
        system.setTabIndex(index);
      });
    };

    function goPublish() {
@@ -112,7 +112,6 @@
    }

    return () => {
      const homeTitle = MatchMakingIdentityEnumTitle[matchMakingIdentity.value];
      return (
        <View
          class="bottom-tab"
@@ -121,49 +120,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>
      );