hookehuyr

feat(RankingCard): 在排行榜卡片中添加助力码入口

添加点击助力码跳转至加入组织页面的功能,提升用户体验
1 <!-- 1 <!--
2 * @Date: 2025-01-09 00:00:00 2 * @Date: 2025-01-09 00:00:00
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-09-18 16:45:21 4 + * @LastEditTime: 2025-09-18 17:09:27
5 * @FilePath: /lls_program/src/components/RankingCard.vue 5 * @FilePath: /lls_program/src/components/RankingCard.vue
6 * @Description: 排行榜卡片组件 6 * @Description: 排行榜卡片组件
7 --> 7 -->
...@@ -41,8 +41,9 @@ ...@@ -41,8 +41,9 @@
41 <!-- 排行榜内容 --> 41 <!-- 排行榜内容 -->
42 <view class="rank-content" :class="{ 'content-switching': isContentSwitching }"> 42 <view class="rank-content" :class="{ 'content-switching': isContentSwitching }">
43 <!-- 排行榜日期 --> 43 <!-- 排行榜日期 -->
44 - <view class="rank-date"> 44 + <view class="rank-date relative">
45 {{ currentDate }} 45 {{ currentDate }}
46 + <view v-if="activeTab === 'support'" class="absolute font-bold text-white" style="right: 95rpx;" @tap="joinOrganization">助力码</view>
46 </view> 47 </view>
47 <!-- 前三名展示 --> 48 <!-- 前三名展示 -->
48 <view class="top-three"> 49 <view class="top-three">
...@@ -122,6 +123,7 @@ ...@@ -122,6 +123,7 @@
122 123
123 <script setup> 124 <script setup>
124 import { ref, computed, onMounted } from 'vue' 125 import { ref, computed, onMounted } from 'vue'
126 +import Taro from '@tarojs/taro'
125 import { IconFont } from '@nutui/icons-vue-taro'; 127 import { IconFont } from '@nutui/icons-vue-taro';
126 // 默认头像 128 // 默认头像
127 const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg' 129 const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg'
...@@ -212,6 +214,12 @@ const supportData = ref({ ...@@ -212,6 +214,12 @@ const supportData = ref({
212 } 214 }
213 }) 215 })
214 216
217 +const joinOrganization = () => {
218 + Taro.navigateTo({
219 + url: '/pages/JoinOrganization/index'
220 + })
221 +}
222 +
215 // 加载状态 223 // 加载状态
216 const loading = ref(false) 224 const loading = ref(false)
217 225
......