fix: align jd wallet pagination with pinduoduo

This commit is contained in:
chenxi 2026-08-06 18:39:24 +08:00
parent ab9384da0b
commit 005d221697

View File

@ -17,8 +17,17 @@
.jd-wallet-button-primary:hover { background: #6A5129; }
.jd-wallet-button-secondary { border: 1px solid var(--vip-border, #D8D2C7); background: #fff; color: #171717; }
.jd-wallet-button-secondary:hover { border-color: var(--vip-content-accent-dark, #856632); background: var(--vip-content-accent-soft, #F7F0DE); }
.jd-wallet-pagination ul.pagination { display: flex; flex-direction: row; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.jd-wallet-pagination .page-item { margin: 0; }
.jd-wallet-pagination .page-link { display: inline-flex; min-width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid var(--vip-border, #D8D2C7); border-radius: 8px; background: #fff; padding: 0 10px; color: #171717; font-size: 0.8125rem; text-decoration: none; }
.jd-wallet-pagination a.page-link:hover { border-color: var(--vip-content-accent-dark, #856632); background: var(--vip-content-accent-soft, #F7F0DE); color: var(--vip-content-accent-dark, #856632); }
.jd-wallet-pagination .page-item.active .page-link { border-color: var(--vip-content-accent-dark, #856632); background: var(--vip-content-accent-dark, #856632); color: #fff; }
.jd-wallet-pagination .page-item.disabled .page-link { color: #595959; cursor: not-allowed; }
.jd-wallet-pagination div.lg\:flex { flex-flow: row wrap; align-items: center; justify-content: center; gap: 12px; }
.jd-wallet-pagination div.lg\:flex > div:first-child { display: none !important; }
.jd-wallet-pagination .pagination-xs { display: flex; width: 100%; justify-content: center; margin-top: 0; }
.jd-wallet-pagination .pagination-xs > nav,
.jd-wallet-pagination .pagination-xs > nav > ul { margin-right: auto; margin-left: auto; }
</style>
@php