d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-18 15:09:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix-heo

Browse Source
This commit is contained in:
tangly1024.com
2023-07-18 16:13:50 +08:00
parent d4b13f7b68
commit 0651023f64
3 changed files with 40 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/heo/components/FloatTocButton.js
View File

@@ -18,7 +18,7 @@ export default function FloatTocButton(props) {
return <></>
}
return (<div className='fixed right-4 bottom-24'>
return (<div className='fixed lg:hidden right-4 bottom-24'>
{/* 按钮 */}
<div onClick={toggleToc} className={'select-none hover:scale-110 transform duration-200 text-black dark:text-gray-200 w-10 h-10 rounded-full bg-white drop-shadow-lg flex justify-center items-center dark:bg-hexo-black-gray py-2 px-2'}>
<button id="toc-button" className={'fa-list-ol cursor-pointer fas'} />

8
themes/heo/components/Footer.js
View File

@@ -30,8 +30,9 @@ const Footer = ({ title }) => {
<br />
{/* 底部页面信息 */}
<div id='footer-bottom' className='w-full h-20 flex justify-between px-6 items-center bg-[#f1f3f7] dark:bg-[#30343f]'>
{/* 底部页面信息 */}
<div id='footer-bottom' className='w-full h-20 flex flex-col p-3 lg:flex-row justify-between px-6 items-center bg-[#f1f3f7] dark:bg-[#30343f]'>
<div id='footer-bottom-left'>
<i className='fas fa-copyright' /> {`${copyrightDate}`} <i className='mx-1 animate-pulse fas fa-heart' /> <a href={BLOG.LINK} className='underline font-bold dark:text-gray-300 '>{BLOG.AUTHOR}</a>.
</div>
@@ -43,7 +44,8 @@ const Footer = ({ title }) => {
<i className='fas fa-eye' /><span className='px-1 busuanzi_value_site_pv'> </span> </span>
<span className='pl-2 hidden busuanzi_container_site_uv'>
<i className='fas fa-users' /> <span className='px-1 busuanzi_value_site_uv'> </span> </span>
<h1 className='text-xs text-light-400 dark:text-gray-400'>{title} | {BLOG.BIO}</h1>
{/* <h1 className='text-xs text-light-400 dark:text-gray-400'>{title} | {BLOG.BIO}</h1> */}
</div>
</div>

39
themes/heo/components/PaginationNumber.js
View File

@@ -16,6 +16,7 @@ const PaginationNumber = ({ page, totalPage }) => {
const { locale } = useGlobal()
const currentPage = +page
const showNext = page < totalPage
const showPrev = currentPage !== 1
const pagePrefix = router.asPath.split('?')[0].replace(/\/page\/[1-9]\d*/, '').replace(/\/$/, '')
const pages = generatePages(pagePrefix, page, currentPage, totalPage)
@@ -27,16 +28,18 @@ const PaginationNumber = ({ page, totalPage }) => {
}
/**
* 调到指定页
*/
* 调到指定页
*/
const jumpToPage = () => {
if (value) {
router.push(value === 1 ? `${pagePrefix}/` : `${pagePrefix}/page/${value}`)
}
}
return (
<div className="mt-10 mb-5 flex justify-between items-end font-medium text-black duration-500 dark:text-gray-300 py-3 space-x-2 overflow-x-auto">
return (<>
{/* pc端分页按钮 */}
<div className="hidden lg:flex justify-between items-end mt-10 mb-5 font-medium text-black duration-500 dark:text-gray-300 py-3 space-x-2 overflow-x-auto">
{/* 上一页 */}
<Link
href={{
@@ -84,7 +87,33 @@ const PaginationNumber = ({ page, totalPage }) => {
</div>
</Link>
</div>
)
<div className='w-full flex flex-row'>
{/* 上一页 */}
<Link
href={{
pathname: currentPage === 2 ? `${pagePrefix}/` : `${pagePrefix}/page/${currentPage - 1}`,
query: router.query.s ? { s: router.query.s } : {}
}}
rel="prev"
className={`${showPrev ? 'block' : 'hidden'} relative w-full flex-1 h-14 flex items-center transition-all duration-200 justify-center py-2 px-2 bg-white dark:bg-[#1e1e1e] border rounded-xl cursor-pointer`}>
{locale.PAGINATION.PREV}
</Link>
{showPrev && showNext && <div className='w-12'></div>}
{/* 下一页 */}
<Link
href={{
pathname: `${pagePrefix}/page/${currentPage + 1}`,
query: router.query.s ? { s: router.query.s } : {}
}}
rel="next"
className={`${+showNext ? 'block' : 'hidden'} relative w-full flex-1 h-14 flex items-center transition-all duration-200 justify-center py-2 px-2 bg-white dark:bg-[#1e1e1e] border rounded-xl cursor-pointer`}>
{locale.PAGINATION.NEXT}
</Link>
</div>
</>)
}
/**