ldeyun/ruoyiUI-vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pagination更换成flex布局

Browse Source
This commit is contained in:
RuoYi 2025-03-01 14:38:00 +08:00
parent 094e300939
commit ca5ae82f9e
3 changed files with 3 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/styles/index.scss
View File

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

15
src/assets/styles/ruoyi.scss
View File

@ -102,21 +102,12 @@
/** 表格布局 **/ /** 表格布局 **/
.pagination-container { .pagination-container {
position: relative; display: flex;
height: 25px; justify-content: flex-end;
margin-bottom: 10px; margin-top: 20px;
margin-top: 15px;
padding: 10px 20px !important;
background-color: transparent !important; background-color: transparent !important;
} }
/* 分页器定位 */
.pagination-container .el-pagination {
position: absolute;
right: 0;
top: 0;
}
/* 弹窗中的分页器 */ /* 弹窗中的分页器 */
.el-dialog .pagination-container { .el-dialog .pagination-container {
position: static !important; position: static !important;

1
src/components/Pagination/index.vue
View File

@ -97,7 +97,6 @@ function handleCurrentChange(val) {
<style scoped> <style scoped>
.pagination-container { .pagination-container {
background: #fff; background: #fff;
padding: 32px 16px;
} }
.pagination-container.hidden { .pagination-container.hidden {
display: none; display: none;