update github card refresh

zmh-program · Aug 6, 2023 · dbf9f19 · dbf9f19 · vercel · Aug 6, 2023
1 parent 492a05d
commit dbf9f19
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/assets/script/card/github.ts b/src/assets/script/card/github.ts
@@ -14,9 +14,17 @@ type GithubRepo = {
 
 export const data = ref<GithubRepo[]>([]);
 
+let loading = false;
 export function update() {
+  if (loading) return;
+  loading = true;
   axios.get("/github")
     .then((res) => {
       data.value = res.data.data;
+      loading = false;
+    })
+    .catch((e) => {
+      console.debug(e);
+      loading = false;
     })
 }
diff --git a/src/components/cards/GithubCard.vue b/src/components/cards/GithubCard.vue
@@ -10,7 +10,7 @@ update();
     <div class="github-top">
       <span class="github-name">GitHub</span>
       <span style="flex-grow: 1" />
-      <span class="github-explore">Explore</span>
+      <span class="github-explore" @click="update">Explore</span>
     </div>
     <div class="github-content">
       <template v-for="(repo, idx) in data" :key="idx">
@@ -145,6 +145,13 @@ update();
   background: rgba(56, 140, 255, 0.8);
   padding: 2px 6px;
   border-radius: 4px;
+  cursor: pointer;
+  user-select: none;
+  transition: .3s;
+}
+
+.github-explore:hover {
+  background: rgba(56, 140, 255, 1);
 }
 
 .github-content {