fix: youhua

components/TopicCard/TopicCard.vue

@@ -23,7 +23,13 @@
         :key="item.id"
         @tap="handleItemTap(item.id)"
       >
-        <text class="rank-num" :class="'rank-' + (index + 1)">{{ index + 1 }}</text>
+        <image
+          v-if="index < 3"
+          class="rank-icon"
+          :src="`/static/images/icon/${index + 1}.png`"
+          mode="aspectFit"
+        />
+        <text v-else class="rank-num" :class="'rank-' + (index + 1)">{{ index + 1 }}</text>
         <image class="item-avatar" :src="FILE_BASE_URL + item.avatarUrl" mode="aspectFill"></image>
         <text class="item-name">{{ item.name }}</text>
         <text class="item-score" :class="'score-' + (index + 1)">{{ item.scoreAvg }}</text>
@@ -152,6 +158,13 @@ const handleItemTap = (itemId) => {
   font-style: italic;
 }
 
+.rank-icon {
+  width: 44rpx;
+  height: 44rpx;
+  margin-right: 16rpx;
+  flex-shrink: 0;
+}
+
 .rank-1 {
   color: #2953ff;
   font-size: 40rpx;
@@ -244,4 +257,4 @@ const handleItemTap = (itemId) => {
   font-size: 22rpx;
   font-weight: 500;
 }
-</style>
+</style>