Merge pull request #4 from thofx/lint_fix

修复样式bug

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

@@ -51,6 +51,7 @@ body,
     & > div:first-child {
       flex: auto;
       position: relative;
+      width: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
     }
   }
 }

src/components/cards/MediaCard.vue

@@ -412,21 +412,12 @@ const getImgUrl: Ref<string> = computed(() => {
         v-bind="hover.props"
         :height="props.height"
         :width="props.width"
-        :loading="!isImageLoaded"
         class="outline-none shadow ring-gray-500"
         :class="{
           'transition transform-cpu duration-300 scale-105 shadow-lg': hover.isHovering,
           'ring-1': isImageLoaded,
         }"
       >
-        <template #loader="{ isActive }">
-          <v-progress-linear
-            :active="isActive"
-            color="deep-purple"
-            height="4"
-            indeterminate
-          />
-        </template>
         <VImg
           aspect-ratio="2/3"
           :src="getImgUrl"

src/pages/setting.vue

@@ -12,61 +12,77 @@ const activeTab = ref(route.params.tab)
 
 // tabs
 const tabs = [
-  { title: '用户', icon: 'mdi-account', tab: 'account' },
-  { title: '站点', icon: 'mdi-web', tab: 'site' },
-  { title: '规则', icon: 'mdi-filter-cog', tab: 'filter' },
-  { title: '通知', icon: 'mdi-bell', tab: 'notification' },
-  { title: '自定义词表', icon: 'mdi-file-word-box', tab: 'words' },
+  {
+    title: '用户',
+    icon: 'mdi-account',
+    tab: 'account',
+  },
+  {
+    title: '站点',
+    icon: 'mdi-web',
+    tab: 'site',
+  },
+  {
+    title: '规则',
+    icon: 'mdi-filter-cog',
+    tab: 'filter',
+  },
+  {
+    title: '通知',
+    icon: 'mdi-bell',
+    tab: 'notification',
+  },
+  {
+    title: '自定义词表',
+    icon: 'mdi-file-word-box',
+    tab: 'words',
+  },
 ]
 </script>
 
 <template>
   <div>
-    <VTabs
-      v-model="activeTab"
-      show-arrows
-    >
-      <VTab
-        v-for="item in tabs"
-        :key="item.icon"
-        :value="item.tab"
-      >
-        <VIcon
-          size="20"
-          start
-          :icon="item.icon"
-        />
+    <VTabs v-model="activeTab" show-arrows>
+      <VTab v-for="item in tabs" :key="item.icon" :value="item.tab">
+        <VIcon size="20" start :icon="item.icon" />
         {{ item.title }}
       </VTab>
     </VTabs>
     <VDivider />
 
-    <VWindow
-      v-model="activeTab"
-      class="mt-5"
-    >
+    <VWindow v-model="activeTab" class="mt-5 disable-tab-transition">
       <!-- Account -->
-      <VWindowItem value="account" transition="scale-transition">
-        <AccountSettingAccount />
+      <VWindowItem value="account">
+        <transition name="fade-slide" appear>
+          <AccountSettingAccount />
+        </transition>
       </VWindowItem>
 
       <!-- System -->
-      <VWindowItem value="site" transition="scale-transition">
-        <AccountSettingSite />
+      <VWindowItem value="site">
+        <transition name="fade-slide" appear>
+          <AccountSettingSite />
+        </transition>
       </VWindowItem>
 
       <!-- Notification -->
-      <VWindowItem value="filter" transition="scale-transition">
-        <AccountSettingRule />
+      <VWindowItem value="filter">
+        <transition name="fade-slide" appear>
+          <AccountSettingRule />
+        </transition>
       </VWindowItem>
 
       <!-- Notification -->
-      <VWindowItem value="notification" transition="scale-transition">
-        <AccountSettingNotification />
+      <VWindowItem value="notification">
+        <transition name="fade-slide" appear>
+          <AccountSettingNotification />
+        </transition>
       </VWindowItem>
       <!-- Words -->
-      <VWindowItem value="words" transition="scale-transition">
-        <AccountSettingWords />
+      <VWindowItem value="words">
+        <transition name="fade-slide" appear>
+          <AccountSettingWords />
+        </transition>
       </VWindowItem>
     </VWindow>
   </div>

src/views/discover/MediaCardListView.vue

@@ -132,8 +132,9 @@ async function fetchData({ done }: { done: any }) {
   <VInfiniteScroll
     mode="intersect"
     side="end"
-    :on-load="fetchData"
+    :items="dataList"
     class="overflow-hidden"
+    @load="fetchData"
   >
     <template #loading />
     <div

src/views/plugin/PluginCardListView.vue

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