From 9d563cbbf62825455176fd73428b15e2c0b09b1f Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 27 Jun 2023 16:37:05 +0800
Subject: [PATCH] fix 404 page

---
 src/pages/[...all].vue                    | 12 ++++++++++--
 src/views/subscribe/SubscribeListView.vue |  7 ++++++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/pages/[...all].vue b/src/pages/[...all].vue
index c3551c8c..0a977729 100644
--- a/src/pages/[...all].vue
+++ b/src/pages/[...all].vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { useTheme } from 'vuetify'
 import misc404 from '@images/pages/404.png'
 import miscMaskDark from '@images/pages/misc-mask-dark.png'
 import miscMaskLight from '@images/pages/misc-mask-light.png'
 import tree from '@images/pages/tree.png'
+import { useTheme } from 'vuetify'
 
 const vuetifyTheme = useTheme()
 
@@ -52,9 +52,17 @@ const authThemeMask = computed(() => {
 <style lang="scss">
 @use "@core/scss/pages/misc.scss";
 
-.misc-footer-tree {
+.misc-wrapper .misc-footer-tree {
+  position: absolute;
+  z-index: 1;
   inline-size: 15.625rem;
   inset-block-end: 3.5rem;
   inset-inline-start: 0.375rem;
 }
+
+.misc-wrapper .misc-footer-img {
+  position: absolute;
+  inline-size: 100%;
+  inset-block-end: 0;
+}
 </style>
diff --git a/src/views/subscribe/SubscribeListView.vue b/src/views/subscribe/SubscribeListView.vue
index 4ecab072..d5cde7ac 100644
--- a/src/views/subscribe/SubscribeListView.vue
+++ b/src/views/subscribe/SubscribeListView.vue
@@ -81,7 +81,7 @@ const getIcon = (type: string) => {
 </script>
 
 <template>
-  <VRow>
+  <VRow v-if="filteredDataList.length > 0">
     <VCol v-for="data in filteredDataList" :key="data.id" cols="12" md="6" lg="4">
       <VCard :image="data.backdrop" class="card-with-overlay">
         <VCardItem>
@@ -131,6 +131,11 @@ const getIcon = (type: string) => {
       </VCard>
     </VCol>
   </VRow>
+  <ErrorHeader v-else
+    error-code="404"
+    error-title="没有订阅⚠️"
+    error-description="通过顶部搜索框搜索或远程发送消息来添加订阅吧。"
+  />
 </template>
 
 <style lang="scss">