From 1e5bbbbf9e805e009006885579e356a607a29df9 Mon Sep 17 00:00:00 2001
From: zzc <1761997216@qq.com>
Date: Wed, 10 Jun 2026 01:10:58 +0800
Subject: [PATCH] fix: youhua

---
 components/TopicCard/TopicCard.vue |  15 +++++----------
 pages/rating/detail.vue            |  22 ++++++++++++++++++----
 pages/rating/index.vue             |  25 +++++++++++++++----------
 static/images/icon/robot.png       | Bin 0 -> 2425 bytes
 4 files changed, 38 insertions(+), 24 deletions(-)
 create mode 100644 static/images/icon/robot.png

diff --git a/components/TopicCard/TopicCard.vue b/components/TopicCard/TopicCard.vue
index 3a673d2..8724813 100644
--- a/components/TopicCard/TopicCard.vue
+++ b/components/TopicCard/TopicCard.vue
@@ -38,7 +38,7 @@
     
     <!-- AI 总结 -->
     <view class="ai-summary" v-if="topic.aiSummary">
-      <text class="ai-icon icon-robot"></text>
+      <image class="ai-icon ai-icon-img" src="/static/images/icon/robot.png" mode="aspectFit"></image>
       <view class="summary-text">
         <text class="summary-label">AI总结：</text>
         <text class="summary-content">{{ topic.aiSummary }}</text>
@@ -127,14 +127,6 @@ const handleItemTap = (itemId) => {
   flex-shrink: 0;
 }
 
-.icon-group {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999999'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
-}
-
-.icon-fire {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4d4f'%3E%3Cpath d='M19.48 13.03c-.02-.19-.13-.36-.29-.46-.17-.11-.38-.13-.56-.05-.98.42-2.12.3-2.92-.31-1.07-.81-1.55-2.22-1.28-3.75.12-.66.1-1.32-.06-1.97-.24-.95-1.1-1.6-2.09-1.58-1 .02-1.83.74-2 1.72-.25 1.55-.95 2.94-2 4.02-1.38 1.41-2.05 3.39-1.85 5.4.2 2.05 1.42 3.86 3.25 4.82 1.37.72 2.94 1.01 4.5.83 2.74-.32 5.06-2.28 5.86-4.95.23-.75.29-1.52.19-2.28-.06-.5-.21-.99-.41-1.45l-.34-.99zm-4.98 6.47c-1.37 0-2.5-1.13-2.5-2.5s1.13-2.5 2.5-2.5 2.5 1.13 2.5 2.5-1.13 2.5-2.5 2.5z'/%3E%3C/svg%3E");
-}
-
 .rank-list {
   margin-bottom: 24rpx;
   background-color: #fcfcfd;
@@ -226,7 +218,10 @@ const handleItemTap = (itemId) => {
   margin-right: 12rpx;
   margin-top: 4rpx;
   flex-shrink: 0;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237b46f1'%3E%3Cpath d='M12 2a2 2 0 0 1 2 2c0 .74-.4 1.39-1 1.73V7h5a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V5.73A2 2 0 0 1 10 4a2 2 0 0 1 2-2zm-3 8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm6 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E");
+}
+
+.ai-icon-img {
+  display: block;
 }
 
 .summary-text {
diff --git a/pages/rating/detail.vue b/pages/rating/detail.vue
index f265de4..823d18a 100644
--- a/pages/rating/detail.vue
+++ b/pages/rating/detail.vue
@@ -27,7 +27,10 @@
           </view>
           <view class="hero-meta">
             <text class="meta-rank">🥇 No.1</text>
-            <text class="meta-heat">🔥 {{ detailData.hotScore }}w 热度</text>
+            <view class="meta-heat">
+              <image class="meta-icon" src="/static/images/icon/fire.png" mode="aspectFit"></image>
+              <text>{{ detailData.hotScore }}w 热度</text>
+            </view>
             <text class="meta-count" style="margin-left: 20rpx; color: #999;">{{ detailData.ratingCount }} 人评分</text>
           </view>
         </view>
@@ -36,7 +39,7 @@
       <!-- AI 观察员 -->
       <view class="ai-card">
         <view class="ai-header">
-          <text class="ai-icon"></text>
+          <image class="ai-icon ai-icon-img" src="/static/images/icon/robot.png" mode="aspectFit"></image>
           <text class="ai-title">AI观察员</text>
         </view>
         <text class="ai-content">{{ detailData.aiSummary }}</text>
@@ -541,9 +544,18 @@ onReachBottom(() => {
 }
 
 .meta-heat {
+  display: flex;
+  align-items: center;
   color: #666;
 }
 
+.meta-icon {
+  width: 24rpx;
+  height: 24rpx;
+  margin-right: 8rpx;
+  flex-shrink: 0;
+}
+
 /* AI 观察员 */
 .ai-card {
   background: #ffffff;
@@ -562,11 +574,13 @@ onReachBottom(() => {
 .ai-icon {
   width: 36rpx;
   height: 36rpx;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237B46F1'%3E%3Cpath d='M12 2a2 2 0 0 1 2 2c0 .74-.4 1.39-1 1.73V7h5a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V5.73A2 2 0 0 1 10 4a2 2 0 0 1 2-2zm-3 8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm6 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E");
-  background-size: cover;
   margin-right: 12rpx;
 }
 
+.ai-icon-img {
+  display: block;
+}
+
 .ai-title {
   font-size: 28rpx;
   font-weight: 800;
diff --git a/pages/rating/index.vue b/pages/rating/index.vue
index d3dca0e..537c653 100644
--- a/pages/rating/index.vue
+++ b/pages/rating/index.vue
@@ -21,16 +21,17 @@
       <view class="topic-header">
         <text class="topic-title">{{ topicData.title }}</text>
         <view class="topic-stats">
-          <text class="stat-icon fire-icon"></text>
+          <image class="stat-icon stat-icon-img" src="/static/images/icon/fire.png" mode="aspectFit"></image>
           <text class="stat-text">热度 {{ topicData.hotScore }} w</text>
-          <text class="stat-text margin-left">{{ topicData.participantCount }}人参与</text>
+          <image class="stat-icon stat-icon-img stat-icon-gap" src="/static/images/icon/group.png" mode="aspectFit"></image>
+          <text class="stat-text stat-text-participant">{{ topicData.participantCount }}人参与</text>
         </view>
       </view>
 
       <!-- AI 实时观察 -->
       <view class="ai-observe">
         <view class="ai-header">
-          <text class="ai-icon"></text>
+          <image class="ai-icon ai-icon-img" src="/static/images/icon/robot.png" mode="aspectFit"></image>
           <text class="ai-title">AI 实时观察</text>
         </view>
         <text class="ai-content">{{ topicData.aiSummary }}</text>
@@ -521,12 +522,15 @@ onReachBottom(() => {
   align-items: center;
 }
 
-.stat-icon.fire-icon {
+.stat-icon {
   width: 26rpx;
   height: 26rpx;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4d4f'%3E%3Cpath d='M19.48 13.03c-.02-.19-.13-.36-.29-.46-.17-.11-.38-.13-.56-.05-.98.42-2.12.3-2.92-.31-1.07-.81-1.55-2.22-1.28-3.75.12-.66.1-1.32-.06-1.97-.24-.95-1.1-1.6-2.09-1.58-1 .02-1.83.74-2 1.72-.25 1.55-.95 2.94-2 4.02-1.38 1.41-2.05 3.39-1.85 5.4.2 2.05 1.42 3.86 3.25 4.82 1.37.72 2.94 1.01 4.5.83 2.74-.32 5.06-2.28 5.86-4.95.23-.75.29-1.52.19-2.28-.06-.5-.21-.99-.41-1.45l-.34-.99zm-4.98 6.47c-1.37 0-2.5-1.13-2.5-2.5s1.13-2.5 2.5-2.5 2.5 1.13 2.5 2.5-1.13 2.5-2.5 2.5z'/%3E%3C/svg%3E");
-  background-size: cover;
   margin-right: 12rpx;
+  flex-shrink: 0;
+}
+
+.stat-icon-gap {
+  margin-left: 32rpx;
 }
 
 .stat-text {
@@ -535,8 +539,7 @@ onReachBottom(() => {
   font-weight: 500;
 }
 
-.stat-text.margin-left {
-  margin-left: 32rpx;
+.stat-text-participant {
   color: #555;
   font-weight: normal;
 }
@@ -560,11 +563,13 @@ onReachBottom(() => {
 .ai-icon {
   width: 32rpx;
   height: 32rpx;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234d44f1'%3E%3Cpath d='M12 2l2.4 5.6L20 10l-5.6 2.4L12 18l-2.4-5.6L4 10l5.6-2.4L12 2zm0 0'/%3E%3C/svg%3E");
-  background-size: cover;
   margin-right: 12rpx;
 }
 
+.ai-icon-img {
+  display: block;
+}
+
 .ai-title {
   font-size: 28rpx;
   font-weight: bold;
diff --git a/static/images/icon/robot.png b/static/images/icon/robot.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ec903fcbdb22b18de235c160fb0dc7eec66393c
GIT binary patch
literal 2425
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

literal 0
HcmV?d00001