fix(排行榜): 修复助力墙模式下排行榜显示问题

修改排行榜卡片和家庭排行页面的显示逻辑，当activeTab为'support'时不显示排名内容将"助力榜"更名为"助力墙"以更准确描述功能

fix(排行榜): 修复助力墙模式下排行榜显示问题
修改排行榜卡片和家庭排行页面的显示逻辑，当activeTab为'support'时不显示排名内容将"助力榜"更名为"助力墙"以更准确描述功能
hookehuyr
Commit 5502aa40058505d32f158720f420bb4ca3c18838 5502aa40 1 parent 1ceb925c
Showing 2 changed files with 15 additions and 12 deletions
src/components/RankingCard.vue
src/pages/FamilyRank/index.vue
--- a/src/components/RankingCard.vue
View file @5502aa4
+++ b/src/components/RankingCard.vue
View file @5502aa4
 <!--
  * @Date: 2025-01-09 00:00:00
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-10-27 14:49:01
+ * @LastEditTime: 2025-10-28 13:33:56
  * @FilePath: /lls_program/src/components/RankingCard.vue
  * @Description: 排行榜卡片组件
 -->
@@ -73,7 +73,7 @@
       </view>
       <!-- 前三名展示 -->
-      <view v-else class="top-three">
+      <view v-else-if="activeTab !== 'support'" class="top-three">
         <!-- 第二名 -->
         <view v-if="topRanks[1]" class="rank-item second">
           <view class="crown">
@@ -126,7 +126,7 @@
     <!-- 我的排名卡片 -->
     <!-- 特殊写法 因为直接写一个排名卡片排名数字有被截断问题 -->
-    <view v-if="myRank && topRanks.length" class="my-rank-section">
+    <view v-if="myRank && topRanks.length > 0 && activeTab !== 'support'" class="my-rank-section">
       <view class="my-rank-content">
         <view class="my-rank-left">
           <view class="my-rank-number">
@@ -145,7 +145,7 @@
         </view>
       </view>
     </view>
-    <view v-if="myRank && !topRanks.length" class="my-rank-section">
+    <view v-if="myRank && !topRanks.length && activeTab !== 'support'" class="my-rank-section">
       <view class="my-rank-content">
         <view class="my-rank-left">
           <view class="my-rank-number">
@@ -388,7 +388,7 @@ const getTabDisplayName = (region) => {
   if (region.value === 'shanghai') {
     return '上海榜'
   } else if (region.value === 'support') {
-    return '助力榜'
+    return '助力墙'
   } else {
     // 直接显示区域名称，如"黄浦区"、"杨浦区"等
     return region.text
--- a/src/pages/FamilyRank/index.vue
View file @5502aa4
+++ b/src/pages/FamilyRank/index.vue
View file @5502aa4
 <!--
  * @Date: 2025-09-01 13:07:52
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-10-27 14:49:16
+ * @LastEditTime: 2025-10-28 13:32:48
  * @FilePath: /lls_program/src/pages/FamilyRank/index.vue
  * @Description: 文件描述
 -->
@@ -72,7 +72,7 @@
       </view>
       <!-- 前三名展示 -->
-      <view v-else-if="!loading && topThreeData.length > 0" class="top-three">
+      <view v-else-if="!loading && topThreeData.length > 0 && activeTab !== 'support'" class="top-three">
         <!-- 第二名 -->
         <view v-if="topThreeData[1]" class="rank-item second">
           <!-- <view class="crown crown-silver">👑</view> -->
@@ -150,13 +150,15 @@
       <view v-else-if="!loading && activeTab !== 'support'" class="no-data">
         <view class="no-data-text">暂无{{ currentRegionName }}排行榜更多数据</view>
       </view>
-      <view v-else-if="!loading && activeTab === 'support'" class="no-data">
+      <!-- <view v-else-if="!loading && activeTab === 'support'" class="no-data">
         <view class="no-data-text">暂无助力排行榜更多数据</view>
-      </view>
+      </view> -->
+
+      <!-- 弹幕显示助力榜内容 -->
     </view>
     <!-- 我的排名悬浮卡片 -->
-    <view v-if="myRankInfo" class="my-rank-card">
+    <view v-if="myRankInfo && activeTab !== 'support'" class="my-rank-card">
       <view class="my-rank-content">
         <view class="my-rank-left">
           <view class="my-rank-number">
@@ -207,7 +209,8 @@ import { ref, computed, onMounted } from 'vue'
 import Taro from '@tarojs/taro'
 import { IconFont } from '@nutui/icons-vue-taro';
 import BackToTop from '@/components/BackToTop.vue'
-import NumberRoll from '@/components/NumberRoll.vue'
+// import NumberRoll from '@/components/NumberRoll.vue'
+import vueDanmaku from 'vue-danmaku'
 // 默认头像
 const defaultAvatar = 'https://cdn.ipadbiz.cn/lls_prog/images/%E5%85%A8%E5%AE%B6%E7%A6%8F3_%E5%89%AF%E6%9C%AC.jpg?imageMogr2/strip/quality/60'
 const supportImg = 'https://cdn.ipadbiz.cn/lls_prog/images/support_img_1.png'
@@ -425,7 +428,7 @@ const getTabDisplayName = (region) => {
   if (region.value === 'shanghai') {
     return '上海榜'
   } else if (region.value === 'support') {
-    return '助力榜'
+    return '助力墙'
   } else {
     // 直接显示区域名称，如"黄浦区"、"杨浦区"等
     return region.text