style: 调整布局结构

hardstylewyl · Jul 7, 2024 · 2472cb1 · 2472cb1
1 parent 463aab0
commit 2472cb1
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 32 deletions.
diff --git a/src/views/Epigraph/views/EpigraphList/components/EpigraphList/index.vue b/src/views/Epigraph/views/EpigraphList/components/EpigraphList/index.vue
@@ -39,27 +39,23 @@ watch(
 </script>
 
 <template>
-  <div>
-    <transition name="card-list">
-      <LibGrid
-        v-if="show && epigraph_list.length"
-        ref="epigraphListRef"
-        :load-more="false"
-        gap="0.9375rem"
-        :count="line_num"
-      >
-        <transition-group name="card" appear>
-          <EpigraphCard
-            v-for="(item, index) in epigraph_list"
-            :key="item.id"
-            :data="item"
-            class="epigraph-card"
-            :style="{
-              'transition-delay': 0.025 * index + 's',
-            }"
-          />
-        </transition-group>
-      </LibGrid>
-    </transition>
-  </div>
+  <LibGrid
+    v-if="show && epigraph_list.length"
+    ref="epigraphListRef"
+    :load-more="false"
+    gap="0.9375rem"
+    :count="line_num"
+  >
+    <transition-group name="card" appear>
+      <EpigraphCard
+        v-for="(item, index) in epigraph_list"
+        :key="item.id"
+        :data="item"
+        class="epigraph-card"
+        :style="{
+          'transition-delay': 0.025 * index + 's',
+        }"
+      />
+    </transition-group>
+  </LibGrid>
 </template>
diff --git a/src/views/Epigraph/views/EpigraphList/index.less b/src/views/Epigraph/views/EpigraphList/index.less
@@ -3,8 +3,3 @@
   flex-direction: column;
   margin-bottom: 1rem;
 }
-
-.epigraph-main {
-  flex-grow: 1;
-  overflow: auto;
-}
diff --git a/src/views/Epigraph/views/EpigraphList/index.vue b/src/views/Epigraph/views/EpigraphList/index.vue
@@ -4,7 +4,6 @@ import { computed, ref } from "vue";
 import EpigraphToolbar from "./components/EpigraphToolbar/index.vue";
 import EpigraphList from "./components/EpigraphList/index.vue";
 
-import { vScrollVirtualization } from "@/directives";
 import { KCategory } from "@/components/business";
 import { EpigraphStore } from "@/store";
 
@@ -50,9 +49,7 @@ const current_index = computed({
   </transition>
 
   <!-- 铭文列表 -->
-  <div v-scroll-virtualization class="epigraph-main">
-    <EpigraphList />
-  </div>
+  <EpigraphList />
 </template>
 
 <style scoped lang="less">