Merge pull request #82 from cshaptx4869/patch-44

refactor: ♻️ 分页组件增加溢出滚动效果
2024-05-06 23:09:22 +08:00
parent 09892513d8 527ab53142
commit ba1b71121a
1 changed files with 14 additions and 12 deletions
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -1,16 +1,18 @@
 <template>
-  <div :class="{ hidden: hidden }" class="pagination">
-    <el-pagination
-      v-model:current-page="currentPage"
-      v-model:page-size="pageSize"
-      :background="background"
-      :layout="layout"
-      :page-sizes="pageSizes"
-      :total="total"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-    />
-  </div>
+  <el-scrollbar>
+    <div :class="{ hidden: hidden }" class="pagination">
+      <el-pagination
+        v-model:current-page="currentPage"
+        v-model:page-size="pageSize"
+        :background="background"
+        :layout="layout"
+        :page-sizes="pageSizes"
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </div>
+  </el-scrollbar>
 </template>

 <script setup lang="ts">