feat(头部组件): 调整首页判断功能

2025-11-20 19:09:32 +08:00 · 2025-11-20 19:09:32 +08:00 · 7e86892d52
commit 7e86892d52
parent f30b1b2c4b
30 changed files with 48 additions and 63 deletions
--- a/src/components/GeneralHeader.vue
+++ b/src/components/GeneralHeader.vue
@ -178,19 +178,9 @@ const handleLanguageChange = (item) => {
 // 检测是否在APP环境中
 const isInAppEnvironment = ref(false)

-// 定义首页路由列表
-const homeRoutes = ['/host-center', '/coin-seller', '/invitation-to-register', '/lottery', '/']
-
 // 计算是否为首页
 const isCurrentlyHomePage = computed(() => {
-  // 1. 首先检查 props
-  const propsHomePage = props.isHomePage === true || props.isHomePage === 'true'
-
-  // 2. 然后检查路由
-  const routeHomePage = homeRoutes.includes(route.path)
-
-  // 3. 两者任一为true即为首页
-  return propsHomePage || routeHomePage
+  return !!props.isHomePage
 })

 const handleBack = () => {
--- a/src/views/Agency/AgencyCenterView.vue
+++ b/src/views/Agency/AgencyCenterView.vue
@ -2,9 +2,9 @@
  <div class="agency-center gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('agency_center')"
      :isHomePage="true"
      :showLanguageList="true"
+      :title="t('agency_center')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/Agency/AgencySettingView.vue
+++ b/src/views/Agency/AgencySettingView.vue
@ -2,8 +2,8 @@
  <div class="host-setting gradient-background-circles">
    <!-- 使用与HostCenterView相同的头部组件 -->
    <GeneralHeader
-      :title="t('my_agency')"
      :showLanguageList="true"
+      :title="t('my_agency')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/Agency/InviteMembersView.vue
+++ b/src/views/Agency/InviteMembersView.vue
@ -2,9 +2,8 @@
  <div class="invite-members gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('invite_members')"
-      :isHomePage="false"
      :showLanguageList="true"
+      :title="t('invite_members')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/Agency/MessageView.vue
+++ b/src/views/Agency/MessageView.vue
@ -2,9 +2,8 @@
  <div class="message gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('users_message')"
-      :isHomePage="false"
      :showLanguageList="true"
+      :title="t('users_message')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/Agency/TeamBillView.vue
+++ b/src/views/Agency/TeamBillView.vue
@ -2,8 +2,8 @@
  <div class="team-bill gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('team_bill')"
      :showLanguageList="true"
+      :title="t('team_bill')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/Agency/TeamMemberView.vue
+++ b/src/views/Agency/TeamMemberView.vue
@ -2,9 +2,8 @@
  <div class="team-member gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="`${t('team_member')} (${membersTotal})`"
-      :isHomePage="false"
      :showLanguageList="true"
+      :title="`${t('team_member')} (${membersTotal})`"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/ApplyView.vue
+++ b/src/views/ApplyView.vue
@ -1,9 +1,10 @@
 <template>
  <div class="apply-view">
    <GeneralHeader
-      :title="t('apply_join_team')"
+      :isHomePage="true"
      :showBack="false"
      :showLanguageList="true"
+      :title="t('apply_join_team')"
      color="black"
      :style="{ borderBottom: '1px solid #E5E5E5' }"
    />
--- a/src/views/BDCenter/availableIncome.vue
+++ b/src/views/BDCenter/availableIncome.vue
@ -1,8 +1,8 @@
 <template>
  <div class="transfer gradient-background-circles">
    <GeneralHeader
-      :title="t('available_salaries')"
      :showLanguageList="true"
+      :title="t('available_salaries')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/BDCenter/incomeDetails.vue
+++ b/src/views/BDCenter/incomeDetails.vue
@ -1,9 +1,9 @@
 <template>
  <div class="fullPage">
    <GeneralHeader
-      style="width: 100%"
-      :title="t('salary_details')"
      :showLanguageList="true"
+      :title="t('salary_details')"
+      style="width: 100%"
      color="black"
    />

--- a/src/views/BDCenter/index.vue
+++ b/src/views/BDCenter/index.vue
@ -2,9 +2,9 @@
  <div class="bd-center gradient-background-circles">
    <!-- 顶部导航 -->
    <GeneralHeader
-      :title="t('bd_center')"
      :isHomePage="true"
      :showLanguageList="true"
+      :title="t('bd_center')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/BDCenter/inviteAgency.vue
+++ b/src/views/BDCenter/inviteAgency.vue
@ -2,8 +2,8 @@
  <div class="fullPage">
    <!-- 顶部导航 -->
    <GeneralHeader
-      :title="t('invite_become_agent')"
      :showLanguageList="true"
+      :title="t('invite_become_agent')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/BDLeaderCenter/index.vue
+++ b/src/views/BDLeaderCenter/index.vue
@ -2,9 +2,9 @@
  <div class="bd-center gradient-background-circles">
    <!-- 顶部导航 -->
    <GeneralHeader
-      :title="t('bd_leader_center')"
      :isHomePage="true"
      :showLanguageList="true"
+      :title="t('bd_leader_center')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/BDLeaderCenter/inviteBD.vue
+++ b/src/views/BDLeaderCenter/inviteBD.vue
@ -2,8 +2,8 @@
  <div class="fullPage">
    <!-- 顶部导航 -->
    <GeneralHeader
-      :title="t('invite_become_BD')"
      :showLanguageList="true"
+      :title="t('invite_become_BD')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/ExchangeGoldCoinsView.vue
+++ b/src/views/ExchangeGoldCoinsView.vue
@ -2,9 +2,8 @@
  <div class="exchange-gold-coins gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('exchange_gold_coins')"
-      :showBack="true"
      :showLanguageList="true"
+      :title="t('exchange_gold_coins')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/HistorySalaryView.vue
+++ b/src/views/HistorySalaryView.vue
@ -2,9 +2,8 @@
  <div class="history-salary gradient-background-circles">
    <!-- 修改头部使用 GeneralHeader 组件 -->
    <GeneralHeader
-      :title="t('history_salary')"
-      :showBack="true"
      :showLanguageList="true"
+      :title="t('history_salary')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
      @help="showHelpInfo"
--- a/src/views/Host/HostCenterView.vue
+++ b/src/views/Host/HostCenterView.vue
@ -2,9 +2,9 @@
  <div class="host-center gradient-background-circles">
    <!-- 顶部导航 -->
    <GeneralHeader
-      :title="t('host_center')"
      :isHomePage="true"
      :showLanguageList="true"
+      :title="t('host_center')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
      @help="goToHelp"
--- a/src/views/Host/HostSettingView.vue
+++ b/src/views/Host/HostSettingView.vue
@ -2,9 +2,9 @@
  <div class="host-setting gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('host_setting')"
      :showBack="true"
      :showLanguageList="true"
+      :title="t('host_setting')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/InformationDetailsView.vue
+++ b/src/views/InformationDetailsView.vue
@ -2,9 +2,8 @@
  <div class="information-details gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('information_details')"
-      :showBack="true"
      :showLanguageList="true"
+      :title="t('information_details')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/Invitation/InvitationToRegister.vue
+++ b/src/views/Invitation/InvitationToRegister.vue
@ -1,7 +1,12 @@
 <template>
  <div class="fullPage">
    <div style="position: absolute; top: 0; left: 0; width: 100%">
-      <GeneralHeader title="Invitation to register" :showHelp="true" @help="helpInfoShow = true" />
+      <GeneralHeader
+        :isHomePage="true"
+        :showHelp="true"
+        title="Invitation to register"
+        @help="helpInfoShow = true"
+      />
    </div>

    <!-- 确认邀请码 -->
--- a/src/views/PlatformPolicyView.vue
+++ b/src/views/PlatformPolicyView.vue
@ -2,9 +2,8 @@
  <div class="platform-policy gradient-background-circles">
    <!-- 使用 GeneralHeader 组件替换 MobileHeader -->
    <GeneralHeader
-      :title="t('platform_policy')"
-      :showBack="true"
      :showLanguageList="true"
+      :title="t('platform_policy')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/RechargeAgency/SearchUser.vue
+++ b/src/views/RechargeAgency/SearchUser.vue
@ -2,9 +2,8 @@
  <div class="coin-seller-search gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('search_user')"
-      :isHomePage="false"
      :showLanguageList="true"
+      :title="t('search_user')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/RechargeAgency/SellerRecordsView.vue
+++ b/src/views/RechargeAgency/SellerRecordsView.vue
@ -2,9 +2,8 @@
  <div class="seller-records gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('seller_records')"
-      :isHomePage="false"
      :showLanguageList="true"
+      :title="t('seller_records')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/RechargeAgency/index.vue
+++ b/src/views/RechargeAgency/index.vue
@ -2,9 +2,9 @@
  <div class="coin-seller gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('recharge_agency')"
-      :isHomePage="false"
+      :isHomePage="true"
      :showLanguageList="true"
+      :title="t('recharge_agency')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />
--- a/src/views/Wallet/CashOut/BankCard.vue
+++ b/src/views/Wallet/CashOut/BankCard.vue
@ -1,11 +1,11 @@
 <template>
  <div class="fullPage">
    <GeneralHeader
-      style="width: 100%"
-      :title="t('bank_card')"
      :showLanguageList="true"
-      color="black"
+      :title="t('bank_card')"
      :backQuery="backQuery"
+      style="width: 100%"
+      color="black"
    />
    <div style="padding: 16px; display: flex; flex-direction: column; gap: 8px">
      <!-- 当前使用的银行卡 -->
--- a/src/views/Wallet/CashOut/CashOut.vue
+++ b/src/views/Wallet/CashOut/CashOut.vue
@ -2,11 +2,11 @@
 <template>
  <div class="fullPage">
    <GeneralHeader
-      style="width: 100%"
-      :title="t('cash_out')"
-      color="rgba(0, 0, 0, 0.80)"
-      :backImg="imgUrl"
      :showLanguageList="true"
+      :title="t('cash_out')"
+      :backImg="imgUrl"
+      style="width: 100%"
+      color="rgba(0, 0, 0, 0.80)"
    />

    <!-- 其余内容保持不变 -->
--- a/src/views/Wallet/CashOut/Details.vue
+++ b/src/views/Wallet/CashOut/Details.vue
@ -2,10 +2,10 @@
 <template>
  <div class="fullPage">
    <GeneralHeader
-      style="width: 100%"
-      :title="t('details')"
-      color="rgba(0, 0, 0, 0.80)"
      :showLanguageList="true"
+      :title="t('details')"
+      style="width: 100%"
+      color="rgba(0, 0, 0, 0.80)"
    />

    <div style="padding: 16px; display: flex; flex-direction: column; gap: 12px">
--- a/src/views/Wallet/CashOut/KYC.vue
+++ b/src/views/Wallet/CashOut/KYC.vue
@ -1,11 +1,11 @@
 <template>
  <div class="fullPage">
    <GeneralHeader
-      style="width: 100%"
-      :title="t('kyc')"
      :showLanguageList="true"
-      color="black"
+      :title="t('kyc')"
      :backQuery="backQuery"
+      style="width: 100%"
+      color="black"
    />

    <div style="padding: 16px; display: flex; flex-direction: column; gap: 8px">
--- a/src/views/Wallet/Transfer/SearchPayeeView.vue
+++ b/src/views/Wallet/Transfer/SearchPayeeView.vue
@ -2,12 +2,11 @@
  <div class="search-payee gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('search_payee')"
-      :showBack="true"
      :showLanguageList="true"
+      :title="t('search_payee')"
+      :backQuery="backQuery"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
-      :backQuery="backQuery"
    />

    <div class="content">
--- a/src/views/Wallet/Transfer/TransferView.vue
+++ b/src/views/Wallet/Transfer/TransferView.vue
@ -2,9 +2,8 @@
  <div class="transfer gradient-background-circles">
    <!-- 使用 GeneralHeader 替换 MobileHeader -->
    <GeneralHeader
-      :title="t('transfer')"
-      :showBack="true"
      :showLanguageList="true"
+      :title="t('transfer')"
      color="black"
      style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
    />