【需求 20331】 perf: 优化组件

src/components/common/Comment/index.vue

@@ -90,7 +90,8 @@
       <!-- 分割线 -->
 
       <!-- 评论列表 -->
-      <div v-loading="loading" class="divide-y divide-gray-100" v-if="list.length">
+      <div v-loading="loading" class="divide-y divide-gray-100">
+        <div v-show="list.length">
           <div
             v-for="(item, index) in list"
             :key="item.id"
@@ -217,7 +218,9 @@
                             <div class="flex items-center gap-6 text-gray-500 text-[14px]">
                               <span class="flex items-center gap-2">
                                 <span
-                                >{{ dayjs(child.createTime * 1000).format('YYYY-MM-DD HH:mm:ss') }}
+                                  >{{
+                                    dayjs(child.createTime * 1000).format('YYYY-MM-DD HH:mm:ss')
+                                  }}
                                 </span>
                                 <span>·</span>
                                 <span class="text-gray-500">{{ child.region }}</span>
@@ -343,6 +346,12 @@
             </div>
           </div>
         </div>
+        <div v-show="!list.length">
+          <div class="flex items-center justify-center">
+            <el-empty :image-size="100" description="暂无评论" />
+          </div>
+        </div>
+      </div>
     </div>
     <CommentListDialog ref="commentListDialogRef" :articleId="id" :pid="currentDialogCommentPid" />
   </div>