Auto Commit

README.md

 # VueJS-with-Vite
 
-Vue.js 是基于 JavaScript 构建用户界面的库。该模板使用 Vite 来提供应用程序服务。
+csnd 用户查分界面
 
 ## 推荐的IDE设置
 

src/components/Author.vue

+<template>
+    <div>
+        <p>作者：yma16</p>
+        <p>仓库：<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="50" :width="50" src="https://yongma16.xyz/staticFile/common/img/wx-pay.jpg" />
+            &nbsp; </p>
+       </div>
+</template>
+<script setup>
+</script>
\ No newline at end of file

src/components/SearchGrade.vue

 <script setup>
 import axios from 'axios';
 import * as echarts from 'echarts';
+import Author from './Author.vue'
 
 import { onMounted, reactive, onUnmounted } from 'vue';
 const state = reactive({
@@ -26,8 +27,12 @@ const state = reactive({
     title: '收藏量',
     dataIndex: 'collectCount',
     sorter: (a, b) => a.collectCount - b.collectCount,
-  }, {
-    title: '分数',
+  },, {
+    title: '点赞量',
+    dataIndex: 'diggCount',
+    sorter: (a, b) => a.diggCount - b.diggCount,
+  },{
+    title: '质量分',
     dataIndex: 'score',
     sorter: (a, b) => a.score - b.score,
   }, {
@@ -123,13 +128,17 @@ function initFirstData() {
     yAxis: {
       type: 'value'
     },
+    grid:{
+      x:50,
+      x2:30
+    },
     tooltip: {
       formatter: function (params) {
         let findItem = state.dataSource.find(item => {
           return item.postTime == params.name
         })
-        if(!findItem){
-          
+        if (!findItem) {
+
           return ''
         }
         return `<span style='color:blue'>-<span> 博客标题：${findItem.title}  <br>
@@ -184,6 +193,8 @@ function initFirstData() {
 
   onMounted(() => {
     const storageUid = window.localStorage.getItem('csdnUid')
+    console.log('window.localStorage',window.localStorage)
+    console.log('storageUid',storageUid)
     if (storageUid) {
       state.searchValue = storageUid
       onSearch()
@@ -194,9 +205,6 @@ function initFirstData() {
     if (state.searchValue) {
       window.localStorage.setItem('csdnUid', state.searchValue)
     }
-    else {
-      window.localStorage.removeItem('csdnUid')
-    }
   })
 }
 </script>
@@ -204,7 +212,10 @@ function initFirstData() {
 <template>
   <div class="container">
     <div style="text-align: center;">
-      <h3>输入csdn用户id查询文章分数</h3>
+      <a style="font-size: 24px;font-weight:bolder;">输入csdn用户id查询文章分数</a>
+    </div>
+    <div>
+      <Author />
     </div>
     <br>
     <div>
@@ -233,5 +244,3 @@ function initFirstData() {
 
   </div>
 </template>
-
-<style scoped></style>