diff --git a/src/components/SearchGrade.vue b/src/components/SearchGrade.vue
index 0dbcb7d955820bcad7ed94c809bfab3689f27d62..c7b1733ef8022d697fa0056211cf77d35ad8e8ad 100644
--- a/src/components/SearchGrade.vue
+++ b/src/components/SearchGrade.vue
@@ -175,9 +175,9 @@ function initFirstData() {
   });
 
   onMounted(() => {
-    const storageUid=window.localStorage.getItem('csdnUid')
-    if(storageUid){
-      state.searchValue=storageUid
+    const storageUid = window.localStorage.getItem('csdnUid')
+    if (storageUid) {
+      state.searchValue = storageUid
       onSearch()
     }
   })
@@ -195,14 +195,15 @@ function initFirstData() {
 
 <template>
   <div class="container">
+    <div style="text-align: center;">
+      <h3>输入csdn用户id查询文章分数</h3>
+    </div>
+    <br>
     <div>
       <a-input-search v-model:value="state.searchValue" :disabled="state.loading" placeholder="输入用户id" enter-button
         @search="onSearch" />
     </div>
-    <br>
-    <div v-if="state.dataSource">
-      <div id="first" style="width:95vw;height:900px;margin: 0 auto"></div>
-    </div>
+
     <br>
     <div>
       <a-table :scroll="{ x: 800, y: 500 }" :columns="state.columns" :data-source="state.dataSource"
@@ -216,7 +217,10 @@ function initFirstData() {
         </template>
       </a-table>
     </div>
-    
+    <div>
+      <div id="first" style="width:100vw;height:900px;margin: 0 auto"></div>
+    </div>
+
   </div>
 </template>