From f83026274e9113b3eca38abb153e9cee9bf2f957 Mon Sep 17 00:00:00 2001
From: SunWuyuan <1847261658@qq.com>
Date: Mon, 13 Jan 2025 17:25:06 +0800
Subject: [PATCH] 1

---
 package.json                 |  1 +
 pnpm-lock.yaml               | 26 +++++++++++++++++---------
 src/components/AppHeader.vue | 23 +++++++++++++++++++++++
 src/components/Projects.vue  |  2 --
 src/pages/index.vue          | 12 +++++++++---
 5 files changed, 50 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 7064081..d1a4cf9 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "typewriter-effect": "^2.21.0",
     "ua-parser-js": "^1.0.39",
     "vue": "^3.4.31",
+    "vue-blurhash": "^0.1.4",
     "vue-instantsearch": "^4.19.4",
     "vuetify": "^3.6.11"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2fe726a..8da9c7f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -89,6 +89,9 @@ importers:
       vue:
         specifier: ^3.4.31
         version: 3.4.31(typescript@5.7.2)
+      vue-blurhash:
+        specifier: ^0.1.4
+        version: 0.1.4(blurhash@1.1.5)
       vue-instantsearch:
         specifier: ^4.19.4
         version: 4.19.4(@vue/server-renderer@3.5.13(vue@3.4.31(typescript@5.7.2)))(algoliasearch@5.4.1)(vue@3.4.31(typescript@5.7.2))
@@ -549,55 +552,46 @@ packages:
     resolution: {integrity: sha512-P9bSiAUnSSM7EmyRK+e5wgpqai86QOSv8BwvkGjLwYuOpaeomiZWifEos517CwbG+aZl1T4clSE1YqqH2JRs+g==}
     cpu: [arm]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.18.1':
     resolution: {integrity: sha512-5RnjpACoxtS+aWOI1dURKno11d7krfpGDEn19jI8BuWmSBbUC4ytIADfROM1FZrFhQPSoP+KEa3NlEScznBTyQ==}
     cpu: [arm]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.18.1':
     resolution: {integrity: sha512-8mwmGD668m8WaGbthrEYZ9CBmPug2QPGWxhJxh/vCgBjro5o96gL04WLlg5BA233OCWLqERy4YUzX3bJGXaJgQ==}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.18.1':
     resolution: {integrity: sha512-dJX9u4r4bqInMGOAQoGYdwDP8lQiisWb9et+T84l2WXk41yEej8v2iGKodmdKimT8cTAYt0jFb+UEBxnPkbXEQ==}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-powerpc64le-gnu@4.18.1':
     resolution: {integrity: sha512-V72cXdTl4EI0x6FNmho4D502sy7ed+LuVW6Ym8aI6DRQ9hQZdp5sj0a2usYOlqvFBNKQnLQGwmYnujo2HvjCxQ==}
     cpu: [ppc64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-gnu@4.18.1':
     resolution: {integrity: sha512-f+pJih7sxoKmbjghrM2RkWo2WHUW8UbfxIQiWo5yeCaCM0TveMEuAzKJte4QskBp1TIinpnRcxkquY+4WuY/tg==}
     cpu: [riscv64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-s390x-gnu@4.18.1':
     resolution: {integrity: sha512-qb1hMMT3Fr/Qz1OKovCuUM11MUNLUuHeBC2DPPAWUYYUAOFWaxInaTwTQmc7Fl5La7DShTEpmYwgdt2hG+4TEg==}
     cpu: [s390x]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.18.1':
     resolution: {integrity: sha512-7O5u/p6oKUFYjRbZkL2FLbwsyoJAjyeXHCU3O4ndvzg2OFO2GinFPSJFGbiwFDaCFc+k7gs9CF243PwdPQFh5g==}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.18.1':
     resolution: {integrity: sha512-pDLkYITdYrH/9Cv/Vlj8HppDuLMDUBmgsM0+N+xLtFd18aXgM9Nyqupb/Uw+HeidhfYg2lD6CXvz6CjoVOaKjQ==}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-win32-arm64-msvc@4.18.1':
     resolution: {integrity: sha512-W2ZNI323O/8pJdBGil1oCauuCzmVd9lDmWBBqxYZcOqWD6aWqJtVBQ1dFrF4dYpZPks6F+xCZHfzG5hYlSHZ6g==}
@@ -895,6 +889,9 @@ packages:
   blueimp-canvas-to-blob@3.29.0:
     resolution: {integrity: sha512-0pcSSGxC0QxT+yVkivxIqW0Y4VlO2XSDPofBAqoJ1qJxgH9eiUDLv50Rixij2cDuEfx4M6DpD9UGZpRhT5Q8qg==}
 
+  blurhash@1.1.5:
+    resolution: {integrity: sha512-a+LO3A2DfxTaTztsmkbLYmUzUeApi0LZuKalwbNmqAHR6HhJGMt1qSV/R3wc+w4DL28holjqO3Bg74aUGavGjg==}
+
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
@@ -2259,6 +2256,11 @@ packages:
       terser:
         optional: true
 
+  vue-blurhash@0.1.4:
+    resolution: {integrity: sha512-B76GgfHXHkdmYgAfI2rZl3BgCMD9OxAgn4Jw2Ro0a8ZoAKa6gqTWUrTo5EGXOftm/EKuMYi1Cc+UcAvV0jnoRw==}
+    peerDependencies:
+      blurhash: ^1.1.3
+
   vue-demi@0.14.8:
     resolution: {integrity: sha512-Uuqnk9YE9SsWeReYqK2alDI5YzciATE0r2SkA6iMAtuXvNTMNACJLJEXNXaEy94ECuBe4Sk6RzRU80kjdbIo1Q==}
     engines: {node: '>=12'}
@@ -3132,6 +3134,8 @@ snapshots:
 
   blueimp-canvas-to-blob@3.29.0: {}
 
+  blurhash@1.1.5: {}
+
   boolbase@1.0.0: {}
 
   brace-expansion@1.1.11:
@@ -4674,6 +4678,10 @@ snapshots:
       fsevents: 2.3.3
       sass: 1.77.6
 
+  vue-blurhash@0.1.4(blurhash@1.1.5):
+    dependencies:
+      blurhash: 1.1.5
+
   vue-demi@0.14.8(vue@3.4.31(typescript@5.7.2)):
     dependencies:
       vue: 3.4.31(typescript@5.7.2)
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index f75c9e2..bb50bfa 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -22,6 +22,29 @@
           </v-list-item>
         </v-list>
       </v-menu>
+      <v-menu>
+        <template v-slot:activator="{ props }">
+          <v-btn icon="mdi-account-circle" v-bind="props"></v-btn>
+        </template><v-card v-if="isLogin == true" border style="padding: 10px;">
+        <v-card :title="userInfo.display_name" :subtitle="userInfo.username" :append-avatar="'https://s4-1.wuyuan.1r.ink/user/' + userInfo.avatar">
+
+</v-card>
+        <v-list>
+          <v-list-item :to="'/user/' + userInfo.userid"  prepend-icon="mdi-account" title="个人主页" rounded="xl"  color="primary">
+          </v-list-item>
+          <v-list-item :to="'/account'" prepend-icon="mdi-cog" title="账户设置" rounded="xl" color="primary">
+          </v-list-item>
+          <v-list-item :to="'/projects/my'" prepend-icon="mdi-xml" title="项目" rounded="xl" color="primary">
+          </v-list-item>
+          <v-list-item :to="'/projectlist'" prepend-icon="mdi-xml" title="列表" rounded="xl" color="primary">
+          </v-list-item></v-list><v-divider></v-divider><v-list>
+
+          <v-list-item :to="'/account/logout'" prepend-icon="mdi-logout" title="退出" color="error" active variant="plain"
+          rounded="xl">
+          </v-list-item>
+
+        </v-list></v-card>
+      </v-menu>
     </template>
   </v-app-bar>
   <v-navigation-drawer v-model="drawer">
diff --git a/src/components/Projects.vue b/src/components/Projects.vue
index 0f23820..90987fb 100644
--- a/src/components/Projects.vue
+++ b/src/components/Projects.vue
@@ -1,5 +1,4 @@
 <template>
-  <v-container>
     <v-progress-linear
       v-if="loading"
       indeterminate
@@ -29,7 +28,6 @@
       rounded="circle"
     ></v-pagination>
     <v-btn v-else @click="loadMore" color="primary">继续加载</v-btn>
-  </v-container>
 </template>
 
 <script>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index f3a5b41..ea9bdb3 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -23,7 +23,13 @@
     </v-app-bar>
 
     <v-main :min-height="$vuetify.display.mdAndUp ? 1000 : 550">
-      <v-container class="h-100 d-flex align-center justify-center">
+      <v-container class="h-100 d-flex align-center justify-center">  <blur-hash-image
+    width="400"
+    height="300"
+    hash="LdHfL}oJR$WBKnfi%3ofT0kCM{ay"
+    src="https://images.unsplash.com/photo-1545910684-8e7c081be9b0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1867&q=80"
+    alt="green lawn grass during daytime"
+  />
         <div class="w-100 w-md-50 text-center">
           <v-chip
             border="thin opacity-25"
@@ -234,9 +240,9 @@ import $vuetify from "@/plugins/vuetify";
 import { localuser } from "../stores/user";
 import Typewriter from "../components/Typewriter.vue";
 import { useHead } from "@unhead/vue";
-
+import VueBlurHash from 'vue-blurhash'
 export default {
-  components: { Typewriter },
+  components: { Typewriter,VueBlurHash },
   setup() {
     useHead({});
   },