perf: pagination更换成flex布局

2025-03-18 08:28:46 +08:00
parent dd5b1c55c9
commit 5fe376f978
3 changed files with 3 additions and 17 deletions
--- a/ruoyi-fastapi-frontend/src/assets/styles/index.scss
+++ b/ruoyi-fastapi-frontend/src/assets/styles/index.scss
@@ -131,10 +131,6 @@ aside {
  position: relative;
 }

-.pagination-container {
-  margin-top: 30px;
-}
-
 .text-center {
  text-align: center
 }
--- a/ruoyi-fastapi-frontend/src/assets/styles/ruoyi.scss
+++ b/ruoyi-fastapi-frontend/src/assets/styles/ruoyi.scss
@@ -102,21 +102,12 @@

 /** 表格布局 **/
 .pagination-container {
-  position: relative;
-  height: 25px;
-  margin-bottom: 10px;
-  margin-top: 15px;
-  padding: 10px 20px !important;
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 20px;
  background-color: transparent !important;
 }

-/* 分页器定位 */
-.pagination-container .el-pagination {
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-
 /* 弹窗中的分页器 */
 .el-dialog .pagination-container {
  position: static !important;
--- a/ruoyi-fastapi-frontend/src/components/Pagination/index.vue
+++ b/ruoyi-fastapi-frontend/src/components/Pagination/index.vue
@@ -97,7 +97,6 @@ function handleCurrentChange(val) {
 <style scoped>
 .pagination-container {
  background: #fff;
-  padding: 32px 16px;
 }
 .pagination-container.hidden {
  display: none;