style:统一样式修改

This commit is contained in:
songwc
2022-10-28 16:16:01 +08:00
parent d65adadf24
commit fe85165ce9
3 changed files with 90 additions and 78 deletions

View File

@@ -78,17 +78,19 @@
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize" hideOnSinglePage="true"
:current="currentPage" :pageSize="pageSize"
:total="tableDataTotal" :current="currentPage"
class="pagination" :total="tableDataTotal"
@change="onChange" class="pagination"
/> @change="onChange"
/>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -522,21 +524,23 @@ export default {
> td { > td {
background: #f6f9fd; background: #f6f9fd;
} }
.pa { .tableBox {
// left: 0; .pa {
margin-top: 15px; // left: 0;
width: 100%; margin-top: 15px;
// height: 20px; width: 100%;
// background-color: red; // height: 20px;
display: flex; // background-color: red;
justify-content: center; display: flex;
// position: absolute; justify-content: center;
// bottom: 20px; // position: absolute;
.ant-pagination-prev, // bottom: 20px;
.ant-pagination-next, .ant-pagination-prev,
.ant-pagination-item, .ant-pagination-next,
.ant-pagination-options { .ant-pagination-item,
margin-bottom: 10px; .ant-pagination-options {
margin-bottom: 10px;
}
} }
} }
} }

View File

@@ -74,17 +74,19 @@
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize" hideOnSinglePage="true"
:current="currentPage" :pageSize="pageSize"
:total="tableDataTotal" :current="currentPage"
class="pagination" :total="tableDataTotal"
@change="onChange" class="pagination"
/> @change="onChange"
/>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -479,21 +481,23 @@ export default {
> td { > td {
background: #f6f9fd; background: #f6f9fd;
} }
.pa { .tableBox {
// left: 0; .pa {
margin-top: 15px; // left: 0;
width: 100%; margin-top: 15px;
// height: 20px; width: 100%;
// background-color: red; // height: 20px;
display: flex; // background-color: red;
justify-content: center; display: flex;
// position: absolute; justify-content: center;
// bottom: 20px; // position: absolute;
.ant-pagination-prev, // bottom: 20px;
.ant-pagination-next, .ant-pagination-prev,
.ant-pagination-item, .ant-pagination-next,
.ant-pagination-options { .ant-pagination-item,
margin-bottom: 10px; .ant-pagination-options {
margin-bottom: 10px;
}
} }
} }
} }

View File

@@ -73,17 +73,19 @@
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize" hideOnSinglePage="true"
:current="currentPage" :pageSize="pageSize"
:total="tableDataTotal" :current="currentPage"
class="pagination" :total="tableDataTotal"
@change="onChange" class="pagination"
/> @change="onChange"
/>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -618,21 +620,23 @@ export default {
> td { > td {
background: #f6f9fd; background: #f6f9fd;
} }
.pa { .tableBox {
// left: 0; .pa {
margin-top: 15px; // left: 0;
width: 100%; margin-top: 15px;
// height: 20px; width: 100%;
// background-color: red; // height: 20px;
display: flex; // background-color: red;
justify-content: center; display: flex;
// position: absolute; justify-content: center;
// bottom: 20px; // position: absolute;
.ant-pagination-prev, // bottom: 20px;
.ant-pagination-next, .ant-pagination-prev,
.ant-pagination-item, .ant-pagination-next,
.ant-pagination-options { .ant-pagination-item,
margin-bottom: 10px; .ant-pagination-options {
margin-bottom: 10px;
}
} }
} }
} }