作者 RuoYi

pagination更换成flex布局

@@ -129,10 +129,6 @@ aside { @@ -129,10 +129,6 @@ aside {
129 position: relative; 129 position: relative;
130 } 130 }
131 131
132 -.pagination-container {  
133 - margin-top: 30px;  
134 -}  
135 -  
136 .text-center { 132 .text-center {
137 text-align: center 133 text-align: center
138 } 134 }
@@ -117,11 +117,9 @@ @@ -117,11 +117,9 @@
117 117
118 /** 表格布局 **/ 118 /** 表格布局 **/
119 .pagination-container { 119 .pagination-container {
120 - position: relative;  
121 - height: 32px;  
122 - margin-bottom: 10px;  
123 - margin-top: 15px;  
124 - padding: 10px 20px !important; 120 + display: flex;
  121 + justify-content: flex-end;
  122 + margin-top: 20px;
125 } 123 }
126 124
127 /* tree border */ 125 /* tree border */
@@ -132,11 +130,6 @@ @@ -132,11 +130,6 @@
132 border-radius: 4px; 130 border-radius: 4px;
133 } 131 }
134 132
135 -.pagination-container .el-pagination {  
136 - right: 0;  
137 - position: absolute;  
138 -}  
139 -  
140 @media (max-width: 768px) { 133 @media (max-width: 768px) {
141 .pagination-container .el-pagination > .el-pagination__jump { 134 .pagination-container .el-pagination > .el-pagination__jump {
142 display: none !important; 135 display: none !important;
@@ -106,7 +106,6 @@ export default { @@ -106,7 +106,6 @@ export default {
106 <style scoped> 106 <style scoped>
107 .pagination-container { 107 .pagination-container {
108 background: #fff; 108 background: #fff;
109 - padding: 32px 16px;  
110 } 109 }
111 .pagination-container.hidden { 110 .pagination-container.hidden {
112 display: none; 111 display: none;