修复样式问题

src/@layouts/styles/_default-layout.scss

@@ -38,6 +38,10 @@ body,
   // TODO: Use grid gutter variable here
   padding-block: 0.5rem;
   padding-top: calc(env(safe-area-inset-top) + 70px);
+  display: flex;
+  .page-content-container {
+    flex: 1;
+  }
 }
 
 .layout-footer {

src/components/NoDataFound.vue

@@ -54,17 +54,21 @@ interface Props {
 <style lang="scss">
 @use '@core/scss/pages/misc.scss';
 
-.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 {
+  position: relative;
 
-.misc-wrapper .misc-footer-img {
-  position: absolute;
-  inline-size: 100%;
-  inset-block-end: 0;
+  .misc-footer-tree {
+    position: absolute;
+    z-index: 1;
+    inline-size: 15.625rem;
+    inset-block-end: 3.5rem;
+    inset-inline-start: 0.375rem;
+  }
+
+  .misc-footer-img {
+    position: absolute;
+    inline-size: 100%;
+    inset-block-end: 0;
+  }
 }
 </style>

src/components/cards/MediaCard.vue

@@ -16,7 +16,7 @@ const props = defineProps({
 })
 
 // 提示框
-const $toast = useToast()
+const $toast = useToast({ position: 'top' })
 
 // 图片加载状态
 const isImageLoaded = ref(false)

src/layouts/default.vue

@@ -4,11 +4,16 @@ import DefaultLayoutWithVerticalNav from './components/DefaultLayoutWithVertical
 
 <template>
   <DefaultLayoutWithVerticalNav>
-    <RouterView />
+    <router-view v-slot="{ Component }">
+      <keep-alive>
+        <component :is="Component" v-if="$route.meta.keepAlive" :key="$route.name" />
+      </keep-alive>
+      <component :is="Component" v-if="!$route.meta.keepAlive" :key="$route.name" />
+    </router-view>
   </DefaultLayoutWithVerticalNav>
 </template>
 
 <style lang="scss">
 // As we are using `layouts` plugin we need its styles to be imported
-@use "@layouts/styles/default-layout";
+@use '@layouts/styles/default-layout';
 </style>

src/pages/ranking.vue

@@ -166,7 +166,7 @@ import MediaCardSlideView from '@/views/discover/MediaCardSlideView.vue'
   </div>
 </template>
 
-<style type="text/css">
+<style lang="css">
 .slider-header {
   position: relative;
   display: flex;

src/pages/resource.vue

@@ -12,7 +12,7 @@ const type = route.query?.type?.toString() ?? ''
 </script>
 
 <template>
-  <div>
+  <div class="relative">
     <TorrentCardListView
       :keyword="keyword"
       :type="type"

src/router/index.ts

@@ -23,6 +23,7 @@ const router = createRouter({
           path: 'ranking',
           component: () => import('../pages/ranking.vue'),
           meta: {
+            keepAlive: true,
             requiresAuth: true,
           },
         },

src/views/plugin/PluginCardListView.vue

@@ -87,7 +87,7 @@ onBeforeMount(fetchData)
         icon="mdi-plus"
         v-bind="props"
         size="x-large"
-        class="fixed right-5 bottom-5"
+        class="fixed right-5"
       />
     </template>