更新分页导航前进后退按钮为箭头

This commit is contained in:
jingrow 2025-06-19 02:19:23 +08:00
parent 21e188329f
commit 0da6f49311
3 changed files with 12 additions and 4 deletions

View File

@ -74,9 +74,13 @@ export default async function DynamicPage({ params, searchParams }) {
slug: item.slug, slug: item.slug,
title: item.title, title: item.title,
image: item.image || item.cover || item.img || '', image: item.image || item.cover || item.img || '',
content: item.content || item.description || '', additional_title: item.additional_title || '',
subtitle: item.subtitle || item.content || '',
})); }));
// 4
const listColumns = 4; //
return ( return (
<> <>
<Banner componentName={bannerComponentName} /> <Banner componentName={bannerComponentName} />
@ -85,7 +89,7 @@ export default async function DynamicPage({ params, searchParams }) {
<div className="flex flex-col md:flex-row mx-[-15px] xl:mx-[-35px] lg:mx-[-20px]"> <div className="flex flex-col md:flex-row mx-[-15px] xl:mx-[-35px] lg:mx-[-20px]">
<Category componentName={categoryComponentName} /> <Category componentName={categoryComponentName} />
<div className="flex-1 min-w-0 !px-[15px] max-w-full md:!px-[20px] lg:!px-[20px] xl:!px-[35px]"> <div className="flex-1 min-w-0 !px-[15px] max-w-full md:!px-[20px] lg:!px-[20px] xl:!px-[35px]">
<ListPageTemplate items={listItems} basePath={currentPath} /> <ListPageTemplate items={listItems} basePath={currentPath} columns={listColumns} />
<div className="mt-8"> <div className="mt-8">
<Pagination1 <Pagination1
currentPage={currentPage} currentPage={currentPage}

View File

@ -19,7 +19,9 @@ export default function Pagination1({ currentPage, totalPages, basePath }) {
<ul className="pagination" style={{ display: 'inline-flex' }}> <ul className="pagination" style={{ display: 'inline-flex' }}>
<li className={`page-item ${currentPage === 1 ? "disabled" : ""}`}> <li className={`page-item ${currentPage === 1 ? "disabled" : ""}`}>
<a className="page-link" onClick={() => goToPage(currentPage - 1)}> <a className="page-link" onClick={() => goToPage(currentPage - 1)}>
Prev <span aria-hidden="true">
<i className="uil uil-arrow-left before:content-['\e949']" />
</span>
</a> </a>
</li> </li>
{[...Array(totalPages)].map((_, idx) => { {[...Array(totalPages)].map((_, idx) => {
@ -32,7 +34,9 @@ export default function Pagination1({ currentPage, totalPages, basePath }) {
})} })}
<li className={`page-item ${currentPage === totalPages ? "disabled" : ""}`}> <li className={`page-item ${currentPage === totalPages ? "disabled" : ""}`}>
<a className="page-link" onClick={() => goToPage(currentPage + 1)}> <a className="page-link" onClick={() => goToPage(currentPage + 1)}>
Next <span aria-hidden="true">
<i className="uil uil-arrow-right before:content-['\e94c']" />
</span>
</a> </a>
</li> </li>
</ul> </ul>