feat(活动排行榜): 添加家庭活动排行榜页面及导航入口
- 创建活动排行榜页面,包含黄埔榜和上海榜两个榜单 - 实现排行榜前三名特殊展示样式和其他排名列表 - 在Dashboard页面添加排行榜入口按钮 - 更新app.config.js添加新页面路由
Showing
5 changed files
with
33 additions
and
8 deletions
| 1 | /* | 1 | /* |
| 2 | * @Date: 2025-06-28 10:33:00 | 2 | * @Date: 2025-06-28 10:33:00 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2025-08-29 15:56:45 | 4 | + * @LastEditTime: 2025-09-01 13:08:15 |
| 5 | * @FilePath: /lls_program/src/app.config.js | 5 | * @FilePath: /lls_program/src/app.config.js |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | */ | 7 | */ |
| ... | @@ -32,6 +32,7 @@ export default { | ... | @@ -32,6 +32,7 @@ export default { |
| 32 | 'pages/ActivitiesCover/index', | 32 | 'pages/ActivitiesCover/index', |
| 33 | 'pages/PointsList/index', | 33 | 'pages/PointsList/index', |
| 34 | 'pages/UploadMedia/index', | 34 | 'pages/UploadMedia/index', |
| 35 | + 'pages/FamilyRank/index', | ||
| 35 | ], | 36 | ], |
| 36 | window: { | 37 | window: { |
| 37 | backgroundTextStyle: 'light', | 38 | backgroundTextStyle: 'light', | ... | ... |
| ... | @@ -79,6 +79,15 @@ | ... | @@ -79,6 +79,15 @@ |
| 79 | </template> | 79 | </template> |
| 80 | </WeRunAuth> | 80 | </WeRunAuth> |
| 81 | 81 | ||
| 82 | + <!-- 活动排行榜 --> | ||
| 83 | + <view class="px-5 mb-4 mt-4"> | ||
| 84 | + <view @tap="openFamilyRank" class="w-full bg-blue-500 text-white py-3 rounded-lg flex flex-col items-center justify-center"> | ||
| 85 | + <view class="flex items-center justify-center"> | ||
| 86 | + 活动排行榜 | ||
| 87 | + </view> | ||
| 88 | + </view> | ||
| 89 | + </view> | ||
| 90 | + | ||
| 82 | <!-- Family album --> | 91 | <!-- Family album --> |
| 83 | <view class="p-5 mt-4 mb-6 bg-white rounded-xl shadow-md mx-4"> | 92 | <view class="p-5 mt-4 mb-6 bg-white rounded-xl shadow-md mx-4"> |
| 84 | <view class="flex justify-between items-center mb-2"> | 93 | <view class="flex justify-between items-center mb-2"> |
| ... | @@ -89,16 +98,16 @@ | ... | @@ -89,16 +98,16 @@ |
| 89 | </view> | 98 | </view> |
| 90 | <p class="text-sm text-gray-500 mb-3">记录每一个家庭活动瞬间</p> | 99 | <p class="text-sm text-gray-500 mb-3">记录每一个家庭活动瞬间</p> |
| 91 | <view class="grid grid-cols-2 gap-3"> | 100 | <view class="grid grid-cols-2 gap-3"> |
| 92 | - <view | 101 | + <view |
| 93 | - v-for="(item, index) in albumData" | 102 | + v-for="(item, index) in albumData" |
| 94 | :key="index" | 103 | :key="index" |
| 95 | class="rounded-lg overflow-hidden h-32 relative cursor-pointer" | 104 | class="rounded-lg overflow-hidden h-32 relative cursor-pointer" |
| 96 | @click="handleMediaClick(item, albumData)" | 105 | @click="handleMediaClick(item, albumData)" |
| 97 | > | 106 | > |
| 98 | - <image | 107 | + <image |
| 99 | - :src="item.type === 'video' ? item.thumbnail : item.url" | 108 | + :src="item.type === 'video' ? item.thumbnail : item.url" |
| 100 | - alt="家庭活动照片" | 109 | + alt="家庭活动照片" |
| 101 | - class="w-full h-full object-cover rounded-lg" | 110 | + class="w-full h-full object-cover rounded-lg" |
| 102 | /> | 111 | /> |
| 103 | <!-- 视频标识 --> | 112 | <!-- 视频标识 --> |
| 104 | <view | 113 | <view |
| ... | @@ -112,7 +121,7 @@ | ... | @@ -112,7 +121,7 @@ |
| 112 | </view> | 121 | </view> |
| 113 | 122 | ||
| 114 | <BottomNav /> | 123 | <BottomNav /> |
| 115 | - | 124 | + |
| 116 | <!-- 图片预览 --> | 125 | <!-- 图片预览 --> |
| 117 | <nut-image-preview | 126 | <nut-image-preview |
| 118 | v-model:show="previewVisible" | 127 | v-model:show="previewVisible" |
| ... | @@ -307,6 +316,13 @@ const openCamera = () => { | ... | @@ -307,6 +316,13 @@ const openCamera = () => { |
| 307 | Taro.navigateTo({ url: '/pages/UploadMedia/index' }); | 316 | Taro.navigateTo({ url: '/pages/UploadMedia/index' }); |
| 308 | } | 317 | } |
| 309 | 318 | ||
| 319 | +/** | ||
| 320 | + * 打开活动排行榜 | ||
| 321 | + */ | ||
| 322 | +const openFamilyRank = () => { | ||
| 323 | + Taro.navigateTo({ url: '/pages/FamilyRank/index' }); | ||
| 324 | +} | ||
| 325 | + | ||
| 310 | const initPageData = async () => { | 326 | const initPageData = async () => { |
| 311 | // 获取用户信息 | 327 | // 获取用户信息 |
| 312 | familyName.value = '张爷爷的家庭' | 328 | familyName.value = '张爷爷的家庭' | ... | ... |
src/pages/FamilyRank/index.config.js
0 → 100755
src/pages/FamilyRank/index.less
0 → 100644
src/pages/FamilyRank/index.vue
0 → 100644
This diff is collapsed. Click to expand it.
-
Please register or login to post a comment