style:ui样式

This commit is contained in:
王博冉
2022-12-07 10:58:25 +08:00
parent f4909fd766
commit 722401b7d4
4 changed files with 10 additions and 3 deletions

View File

@@ -28,7 +28,7 @@ function getPagination() {
defaultPageSize: 10,
pageSize: 10,
pageSizeOptions: ["10", "20", "30"],
showQuickJumper: true,
// showQuickJumper: true,
showSizeChanger: true,
showTotal: (total) => `${total}`,
total: 0,
@@ -86,8 +86,11 @@ export default {
<style scoped lang="less">
.pagination {
display: inline-flex;
justify-content: flex-end;
position: relative;
left: 50%;
transform: translateX(-50%);
border-radius: 0 0 2px 2px;
width: 100%;
}
</style>

View File

@@ -335,7 +335,7 @@ const pagination = computed(() => {
current: analysisResults.value?.meta.current_page ?? 1,
pageSize: analysisResults.value?.meta.per_page ?? 5,
showSizeChanger: true,
showQuickJumper: true,
// showQuickJumper: true,
pageSizeOptions: ["5", "10", "20", "30", "40"],
showTotal: (total) => `${total} 条数据`,
};

View File

@@ -61,7 +61,6 @@
<template v-slot:footer>
<a-pagination
class="pagination"
:showQuickJumper="true"
:showTotal="(total) => `共 ${total} 条`"
show-size-changer
v-model:current="pagination.current"

View File

@@ -876,3 +876,8 @@ export default defineComponent({
}
</style>
<style lang="scss">
.ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link, .ant-pagination-item, .ant-select:not(.ant-select-customize-input) .ant-select-selector {
border-radius: 4px;
}
</style>