Sat Jul 1 17:28:00 UTC 2023 inscode

src/components/Author.vue

 <template>
     <div>
         <p>作者：yma16</p>
-        <p>仓库(gitcode)：<a href="https://gitcode.net/qq_38870145/vue-csdn-grade"
+        <p>代码仓库(gitcode)：<a href="https://gitcode.net/qq_38870145/vue-csdn-grade"
                 target="_blank">https://gitcode.net/qq_38870145/vue-csdn-grade</a>
         </p>
         <p>
-            csdn：<a href="https://blog.csdn.net/qq_38870145?spm=1000.2115.3001.5343" target="_blank">csdn-yma16</a>
-        </p>
-        <p>
-            请作者喝杯茶(点击放大图片)：
-            <a-image :height="100" :width="100" src="https://yongma16.xyz/staticFile/common/img/wx-pay.jpg" />
+            csdn前端新星创作者：<a href="https://blog.csdn.net/qq_38870145" target="_blank">https://blog.csdn.net/qq_38870145</a>
         </p>
+        <div style="display: flex">
+           <div> 请作者喝杯茶(点击放大图片)：</div>
+           <div>
+            <a-image :height="70" :width="50" src="https://yongma16.xyz/staticFile/common/img/wx-pay.jpg" />
+        
+           </div>
+            </div>
     </div>
 </template>
 <script setup>

src/components/SearchGrade.vue

@@ -14,7 +14,7 @@ const state = reactive({
     total: 0,
     current: 1,
     pageSize: 10,
-    pageSizeOptions: ['10', '20', '30'],
+    pageSizeOptions: ['10', '50', '100'],
     showTotal: (total, range) => {
       return range[0] + '-' + range[1] + ' 共' + total + '篇博客';
     },
@@ -149,10 +149,22 @@ function initFirstData() {
               label:
               {
                 show: true,
+                position: 'middle',
+                color: 'red',
+                lineHeight:35,
+                backgroundColor:'rgba(255,255,255.7)',
+                formatter: (params) => {
+                  console.log('params markline', params)
+                  return params.name + ":" + params.value
+                }
               }
             }
           },
-          data: [{ type: 'average', name: '平均分' }]
+          data: [
+            {
+              type: 'average',
+              name: '平均分'
+            }]
         }
       }
     ]
@@ -183,6 +195,7 @@ function initFirstData() {
     if (state.dataSource) {
       initFirstData();
     }
+
   })
   onUnmounted(() => {
     window.onresize = null
@@ -193,6 +206,14 @@ function initFirstData() {
       window.localStorage.setItem('csdnUidData', JSON.stringify(state.dataSource))
     }
   })
+
+  document.addEventListener('keydown', (e) => {
+    console.log(e, 'e')
+    if (e.ctrlKey && e.keyCode === 79) {
+      console.log('Ctrl+y');
+      onSearch()
+    }
+  })
 }
 </script>
 
@@ -205,15 +226,15 @@ function initFirstData() {
       <Author />
     </div>
     <br>
-    <div>
-      <a-input-search v-model:value="state.searchValue" :disabled="state.loading" placeholder="输入用户id(如 qq_38870145)"
-        enter-button @search="onSearch" />
+    <div style="display:flex">
+      <div style="width:100px;line-height: 32px;">csdn用户id：</div><a-input-search v-model:value="state.searchValue"
+        :disabled="state.loading" placeholder="输入用户id(如 qq_38870145)" enter-button @search="onSearch" />
     </div>
 
     <br>
     <div>
-      <a-table :scroll="{ x: 800, y: 500 }" :columns="state.columns" :data-source="state.dataSource"
-        :loading="state.loading" :pagination="state.pagination" bordered>
+      <a-table :scroll="{ x: 800, y: 600 }" :columns="state.columns" :data-source="state.dataSource"
+        :loading="state.loading" :pagination="state.pagination" bordered style="border-bottom:1px solid #f0f0f0;">
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'url'">
             <a :href="record.url" target="_blank">