Hooke / lls_program

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
5502aa40 1 parent 1ceb925c

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

修改排行榜卡片和家庭排行页面的显示逻辑，当activeTab为'support'时不显示排名内容
将"助力榜"更名为"助力墙"以更准确描述功能
Inline Side-by-side
Showing 2 changed files with 15 additions and 12 deletions
<!--
* @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
......
<!--
* @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
......