feat(RankingCard): 在排行榜卡片标题中添加奖杯图标并更新标题文本
添加 IconFont 组件以显示奖杯图标,同时将标题从“全市排行”更新为更具体的“家庭步数总榜”
Showing
1 changed file
with
6 additions
and
2 deletions
| 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-15 16:00:12 | 4 | + * @LastEditTime: 2025-09-16 11:22:44 |
| 5 | * @FilePath: /lls_program/src/components/RankingCard.vue | 5 | * @FilePath: /lls_program/src/components/RankingCard.vue |
| 6 | * @Description: 排行榜卡片组件 | 6 | * @Description: 排行榜卡片组件 |
| 7 | --> | 7 | --> |
| ... | @@ -9,7 +9,10 @@ | ... | @@ -9,7 +9,10 @@ |
| 9 | <view class="ranking-card bg-blue-500 bg-opacity-50"> | 9 | <view class="ranking-card bg-blue-500 bg-opacity-50"> |
| 10 | <!-- 卡片头部 --> | 10 | <!-- 卡片头部 --> |
| 11 | <view class="card-header"> | 11 | <view class="card-header"> |
| 12 | - <view class="card-title">全市排行</view> | 12 | + <view class="card-title flex items-center"> |
| 13 | + <IconFont size="20" name="https://cdn.ipadbiz.cn/lls_prog/icon/%E5%A5%96%E6%9D%AF.png" /> | ||
| 14 | + <text class="ml-2">家庭步数总榜</text> | ||
| 15 | + </view> | ||
| 13 | <view class="view-more" @tap="handleViewMore">查看更多</view> | 16 | <view class="view-more" @tap="handleViewMore">查看更多</view> |
| 14 | </view> | 17 | </view> |
| 15 | 18 | ||
| ... | @@ -119,6 +122,7 @@ | ... | @@ -119,6 +122,7 @@ |
| 119 | 122 | ||
| 120 | <script setup> | 123 | <script setup> |
| 121 | import { ref, computed, onMounted } from 'vue' | 124 | import { ref, computed, onMounted } from 'vue' |
| 125 | +import { IconFont } from '@nutui/icons-vue-taro'; | ||
| 122 | // 默认头像 | 126 | // 默认头像 |
| 123 | const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg' | 127 | const defaultAvatar = 'https://cdn.ipadbiz.cn/mlaj/images/icon_1.jpeg' |
| 124 | // 导入接口 | 128 | // 导入接口 | ... | ... |
-
Please register or login to post a comment