|
|
@@ -72,6 +72,7 @@ export default defineComponent({
|
|
|
);
|
|
|
}}
|
|
|
pagination={{
|
|
|
+ responsive: true,
|
|
|
showSizeChanger: false,
|
|
|
hideOnSinglePage: true,
|
|
|
current: artStore.listController.state.page * 1,
|
|
|
@@ -91,13 +92,50 @@ export default defineComponent({
|
|
|
|
|
|
const page = css`
|
|
|
.list_content {
|
|
|
- .ant-list-pagination {
|
|
|
+ .ant-pagination {
|
|
|
text-align: center;
|
|
|
- .ant-pagination-item-active {
|
|
|
- background: var(--vt-c-primary);
|
|
|
- border-color: var(--vt-c-primary);
|
|
|
- a {
|
|
|
- color: #fff;
|
|
|
+
|
|
|
+ .ant-pagination-item {
|
|
|
+ &:hover {
|
|
|
+ border-color: var(--vt-c-primary);
|
|
|
+ color: var(--vt-c-primary);
|
|
|
+ a {
|
|
|
+ color: var(--vt-c-primary);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.ant-pagination-item-active {
|
|
|
+ background: var(--vt-c-primary);
|
|
|
+ border-color: var(--vt-c-primary);
|
|
|
+ a {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.mini {
|
|
|
+ .ant-pagination-item {
|
|
|
+ &:hover {
|
|
|
+ border-color: transparent;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .ant-pagination-prev,
|
|
|
+ .ant-pagination-next {
|
|
|
+ .ant-pagination-item-link {
|
|
|
+ border-color: transparent;
|
|
|
+ }
|
|
|
+ &:hover {
|
|
|
+ .ant-pagination-item-link {
|
|
|
+ border-color: transparent;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .ant-pagination-prev,
|
|
|
+ .ant-pagination-next {
|
|
|
+ &:hover {
|
|
|
+ .ant-pagination-item-link {
|
|
|
+ border-color: var(--vt-c-primary);
|
|
|
+ color: var(--vt-c-primary);
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
