style:ui样式
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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} 条数据`,
|
||||
};
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user