前端页面历史记录列表实现

Debate_front/src/components/ConversationHistory.vue

@@ -175,14 +175,14 @@ export default {
 }
 
 .no-data-icon {
-  width: 80px;
+  width: 200px;
-  height: 80px;
+  height: 200px;
   opacity: 0.6;
 }
 
 .no-data-text {
   margin-top: 15px;
-  font-size: 16px;
+  font-size: 24px;
   color: #999;
 }
 

Debate_front/src/components/HomeCom.vue

@@ -91,6 +91,7 @@
       </view>
 
       <view class="activity-list">
+        <view v-if="recentActivities.length > 0">
           <view
             class="activity-item"
             v-for="(activity, index) in recentActivities.slice(0, 3)"
@@ -103,8 +104,12 @@
               ></image>
             </view>
             <view class="activity-content">
-            <view class="activity-title">{{ activity.title?activity.title:activity.preview }}</view>
+              <view class="activity-title">{{
-            <view class="activity-time">{{ formatDate(activity.updateTime) }}</view>
+                activity.title ? activity.title : activity.preview
+              }}</view>
+              <view class="activity-time">{{
+                formatDate(activity.updateTime)
+              }}</view>
             </view>
             <view class="activity-arrow">
               <image
@@ -114,6 +119,16 @@
             </view>
           </view>
         </view>
+        <!-- 没有数据时显示提示信息 -->
+        <div v-else class="no-data">
+          <image
+            src="/static/icons/no-data.png"
+            mode="aspectFit"
+            class="no-data-icon"
+          />
+          <p class="no-data-text">暂无数据</p>
+        </div>
+      </view>
     </view>
 
     <!-- 底部安全区域 -->
@@ -288,6 +303,25 @@ export default {
 </script>
 
 <style scoped>
+.no-data {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding-top: 50px;
+}
+
+.no-data-icon {
+  width: 200px;
+  height: 100px;
+  opacity: 0.6;
+}
+
+.no-data-text {
+  margin-top: 15px;
+  font-size: 24px;
+  color: #999;
+}
 .slide-enter-active,
 .slide-leave-active {
   transition: all 0.3s ease-in-out;