perf: pagination更换成flex布局

Author: insistence

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
 }

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;

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;