gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化分页交互体验

Browse Source
This commit is contained in:
pengzhanbo 2024-02-06 00:00:10 +08:00
parent 50a59e2aca
commit c55d5214ec
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
theme/src/client/components/Pagination.vue
View File

@ -63,23 +63,19 @@ const emit = defineEmits<{ change: [value: number] }>()
font-weight: 500;
line-height: 1;
color: var(--vp-c-text-2);
background-color: transparent;
border-radius: 4px;
transition: all var(--t-color);
transition: var(--t-color);
transition-property: color, background-color;
}
.btn.active {
color: var(--vp-c-bg);
background-color: var(--vp-c-brand-2);
border-color: var(--vp-c-brand-2);
color: var(--vp-c-brand-1);
background-color: var(--vp-c-bg-alt);
}
.btn[disabled],
.btn[disabled]:hover {
color: var(--vp-c-gray-1);
cursor: not-allowed;
background-color: transparent;
}
.btn[disabled]:hover,
.btn.more {
color: var(--vp-c-gray-1);
cursor: not-allowed;
@ -92,6 +88,8 @@ const emit = defineEmits<{ change: [value: number] }>()
background-color: var(--vp-c-bg);
border-radius: 6px;
box-shadow: var(--vp-shadow-1);
transition: var(--t-color);
transition-property: background-color, box-shadow;
}
.page-range .btn {
@ -99,5 +97,9 @@ const emit = defineEmits<{ change: [value: number] }>()
margin: 0 8px;
font-size: 14px;
}
.btn:not(.active):hover {
color: var(--vp-c-brand-1);
}
}
</style>