diff --git a/src/components/SearchGrade.vue b/src/components/SearchGrade.vue
index 415b75105f45524f31550cd986acadbb2a963cc8..d978b6ee58d418214e65be2a525551e5355c2488 100644
--- a/src/components/SearchGrade.vue
+++ b/src/components/SearchGrade.vue
@@ -18,6 +18,10 @@ const state = reactive({
     title: '浏览量',
     dataIndex: 'viewCount',
     sorter: (a, b) => a.viewCount - b.viewCount,
+  }, {
+    title: '评论数',
+    dataIndex: 'commentCount',
+    sorter: (a, b) => a.viewCount - b.viewCount,
   }, {
     title: '收藏量',
     dataIndex: 'collectCount',
@@ -222,7 +226,9 @@ function initFirstData() {
       </a-table>
     </div>
     <div>
-      <div id="first" style="width:100vw;height:900px;margin: 0 auto"></div>
+      <a-spin :spining="!state.loading">
+        <div id="first" style="width:100vw;height:900px;margin: 0 auto"></div>
+      </a-spin>
     </div>
 
   </div>