fix: no domain color

ldt1997 · Apr 4, 2023 · 308f4b8 · 308f4b8
1 parent e11c85b
commit 308f4b8
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 12 deletions.
diff --git a/docs/assets/AboutView-90e6ca41.js → docs/assets/AboutView-564ba9ad.js b/docs/assets/AboutView-90e6ca41.js → docs/assets/AboutView-564ba9ad.js
diff --git a/docs/assets/index-61835e40.css → docs/assets/index-0c1f0ea7.css b/docs/assets/index-61835e40.css → docs/assets/index-0c1f0ea7.css
diff --git a/docs/assets/index-9f45cb27.js → docs/assets/index-30b75115.js b/docs/assets/index-9f45cb27.js → docs/assets/index-30b75115.js
diff --git a/docs/index.html b/docs/index.html
@@ -16,8 +16,8 @@
     <link rel="icon" href="/RedBookUserInfo/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <title>小红书个人页预览</title>
-    <script type="module" crossorigin src="/RedBookUserInfo/assets/index-9f45cb27.js"></script>
-    <link rel="stylesheet" href="/RedBookUserInfo/assets/index-61835e40.css">
+    <script type="module" crossorigin src="/RedBookUserInfo/assets/index-30b75115.js"></script>
+    <link rel="stylesheet" href="/RedBookUserInfo/assets/index-0c1f0ea7.css">
   </head>
   <body ontouchstart="">
     <div id="app"></div>

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -7,7 +7,17 @@ import UserContent from '../components/UserContent.vue'
 <template>
   <main>
     <UserForm />
-    <UserInfo/>
+    <UserInfo />
     <UserContent />
   </main>
+  <footer>©️{{ new Date().getFullYear() }} ldt1997</footer>
 </template>
+
+<style>
+footer {
+  padding: 16px;
+  text-align: center;
+  background-color: #0e0e10;
+  color: #6d7179;
+}
+</style>
diff --git a/utils/img.ts b/utils/img.ts
@@ -18,7 +18,10 @@ async function base64ToImage(base64) {
 }
 
 export const getDomainColor = async (base64) => {
-  const img = await base64ToImage(base64)
-  const [r, g, b] = colorThief.getColor(img)
-  return `rgb(${r},${g},${b})`
+  if (base64) {
+    const img = await base64ToImage(base64)
+    const [r, g, b] = colorThief.getColor(img)
+    return `rgb(${r},${g},${b})`
+  }
+  return 'rgb(198,225,232)'
 }