feat: hand update main logo

src/components/Message.vue

@@ -3,7 +3,7 @@
   <div class="message">
     <!-- Logo -->
     <div class="logo">
-      <img class="logo-img" :src="siteLogo" alt="logo" />
+      <img class="logo-img" :src="siteLogo" @click="updateSiteLogo" alt="logo" />
       <div :class="{ name: true, 'text-hidden': true, long: siteUrl[0].length >= 6 }">
         <span class="bg">{{ siteUrl[0] }}</span>
       </div>
@@ -31,10 +31,12 @@ import { Icon } from "@vicons/utils";
 import { QuoteLeft, QuoteRight } from "@vicons/fa";
 import { Error } from "@icon-park/vue-next";
 import { mainStore } from "@/store";
+import { getRandomKey } from "../utils";
 const store = mainStore();
+const mainLogoUrl = import.meta.env.VITE_SITE_MAIN_LOGO;
 
 // 主页站点logo
-const siteLogo = import.meta.env.VITE_SITE_MAIN_LOGO;
+const siteLogo = ref(mainLogoUrl);
 // 站点链接
 const siteUrl = computed(() => {
   const url = import.meta.env.VITE_SITE_URL;
@@ -47,6 +49,12 @@ const siteUrl = computed(() => {
   return url.split(".");
 });
 
+const updateSiteLogo = () => {
+  const randomQuery = getRandomKey()
+  console.log('xxx')
+  siteLogo.value = `${mainLogoUrl}?v=${randomQuery}`;
+};
+
 // 简介区域文字
 const descriptionText = reactive({
   hello: import.meta.env.VITE_DESC_HELLO,

src/utils/index.js

@@ -0,0 +1,4 @@
+export * from './cursor'
+export * from './debounce'
+export * from './getTime'
+export * from './randomKey'

src/utils/randomKey.js

@@ -0,0 +1,3 @@
+export function getRandomKey() {
+    return Math.random().toString(36).substring(2);
+}