From c71e5bb3f0c8e4da9796d00859ac3411e7e96ddc Mon Sep 17 00:00:00 2001
From: KUN1007 <yuyu_kun@sina.com>
Date: Fri, 20 Oct 2023 22:53:47 +0800
Subject: [PATCH] BUG fix: login page background

---
 src/views/login/Login.vue         | 17 ++++++++---------
 src/views/pool/Pool.vue           |  3 +++
 src/views/technique/Technique.vue |  3 +++
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/views/login/Login.vue b/src/views/login/Login.vue
index 15aed7e0..017f3a71 100644
--- a/src/views/login/Login.vue
+++ b/src/views/login/Login.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
+import { ref } from 'vue'
 import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
-import { getBackgroundURL } from '@/hooks/useBackgroundPicture'
 
 // 导入登录面板
 import Login from './components/Login.vue'
@@ -10,7 +9,11 @@ import Login from './components/Login.vue'
 import Register from './components/Register.vue'
 
 const isShowPanel = ref('')
-const backgroundImage = ref('')
+
+// 背景图片，这是后端的地址
+const backgroundImageUrl = `${
+  import.meta.env.VITE_API_BASE_URL
+}/uploads/avatar/login.webp`
 
 // 点击登录，面板滑动
 const handleClickSignIn = () => {
@@ -21,10 +24,6 @@ const handleClickSignIn = () => {
 const handleClickRegister = () => {
   isShowPanel.value = 'active'
 }
-
-onMounted(async () => {
-  backgroundImage.value = await getBackgroundURL('login')
-})
 </script>
 
 <template>
@@ -32,7 +31,7 @@ onMounted(async () => {
     <div
       class="container"
       :class="isShowPanel"
-      :style="{ backgroundImage: `url(${backgroundImage})` }"
+      :style="{ backgroundImage: `url(${backgroundImageUrl})` }"
     >
       <!-- 登陆注册切换 -->
       <div class="switch">
@@ -274,7 +273,7 @@ onMounted(async () => {
     background: var(--kungalgame-trans-blue-0);
   }
   .container {
-    background-image: none;
+    background-image: none !important;
     display: flex;
     box-shadow: none;
   }
diff --git a/src/views/pool/Pool.vue b/src/views/pool/Pool.vue
index 04680678..2dcbda43 100644
--- a/src/views/pool/Pool.vue
+++ b/src/views/pool/Pool.vue
@@ -26,6 +26,9 @@ const poolPageWidth = computed(() => {
       <Tags />
 
       <div class="topic-container">
+        <!-- TODO: -->
+        <h1 style="margin: auto">This page is under development.</h1>
+
         <Topic
           v-for="kun in topic"
           class="item"
diff --git a/src/views/technique/Technique.vue b/src/views/technique/Technique.vue
index 5640bacf..f0e2e4af 100644
--- a/src/views/technique/Technique.vue
+++ b/src/views/technique/Technique.vue
@@ -37,6 +37,9 @@ const techniquePageWidth = computed(() => {
       <div class="article">
         <!-- 所有文章的容器 -->
         <div class="article-container">
+          <!-- TODO: -->
+          <h1 style="margin: auto">This page is under development.</h1>
+
           <div class="topic" v-for="topic in topics" :key="topic.topicId">
             <SingleTopic :data="topic" />
           </div>