update 优化 分页组件样式 pagination更换成flex布局

src/assets/styles/index.scss

@@ -162,10 +162,6 @@ aside {
   position: relative;
 }
 
-.pagination-container {
-  margin-top: 30px;
-}
-
 .text-center {
   text-align: center;
 }

src/assets/styles/ruoyi.scss

@@ -116,10 +116,9 @@ h6 {
 
 /** 表格布局 **/
 .pagination-container {
-  // position: relative;
-  height: 25px;
-  margin-bottom: 10px;
-  margin-top: 15px;
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 20px;
   padding: 10px 20px !important;
 }
 
@@ -132,11 +131,6 @@ h6 {
   width: 100%;
 }
 
-.pagination-container .el-pagination {
-  //right: 0;
-  //position: absolute;
-}
-
 @media (max-width: 768px) {
   .pagination-container .el-pagination > .el-pagination__jump {
     display: none !important;

src/components/Pagination/index.vue

@@ -77,7 +77,6 @@ function handleCurrentChange(val: number) {
 
 <style lang="scss" scoped>
 .pagination-container {
-  padding: 32px 16px;
   .el-pagination {
     float: v-bind(float);
   }