d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-02 07:26:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

slug 调整兼容已有主题

Browse Source
This commit is contained in:
tangly1024.com
2024-05-08 16:22:14 +08:00
parent 65eff434ec
commit 9b78eb499c
56 changed files with 1318 additions and 826 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
themes/next/components/MenuList.js
View File

@@ -1,19 +1,48 @@
import { siteConfig } from '@/lib/config'
import { useGlobal } from '@/lib/global'
import CONFIG from '../config'
import { siteConfig } from '@/lib/config'
import { MenuItemDrop } from './MenuItemDrop'
import { MenuItemCollapse } from './MenuItemCollapse'
import { MenuItemDrop } from './MenuItemDrop'
export const MenuList = (props) => {
export const MenuList = props => {
const { postCount, customNav, customMenu } = props
const { locale } = useGlobal()
const archiveSlot = <div className='bg-gray-300 dark:bg-gray-500 rounded-md text-gray-50 px-1 text-xs'>{postCount}</div>
const archiveSlot = (
<div className='bg-gray-300 dark:bg-gray-500 rounded-md text-gray-50 px-1 text-xs'>
{postCount}
</div>
)
const defaultLinks = [
{ id: 1, icon: 'fas fa-home', name: locale.NAV.INDEX, to: '/' || '/', show: true },
{ id: 2, icon: 'fas fa-th', name: locale.COMMON.CATEGORY, to: '/category', show: siteConfig('NEXT_MENU_CATEGORY', null, CONFIG) },
{ id: 3, icon: 'fas fa-tag', name: locale.COMMON.TAGS, to: '/tag', show: siteConfig('NEXT_MENU_TAG', null, CONFIG) },
{ id: 4, icon: 'fas fa-archive', name: locale.NAV.ARCHIVE, to: '/archive', slot: archiveSlot, show: siteConfig('NEXT_MENU_ARCHIVE', null, CONFIG) }
{
id: 1,
icon: 'fas fa-home',
name: locale.NAV.INDEX,
href: '/' || '/',
show: true
},
{
id: 2,
icon: 'fas fa-th',
name: locale.COMMON.CATEGORY,
href: '/category',
show: siteConfig('NEXT_MENU_CATEGORY', null, CONFIG)
},
{
id: 3,
icon: 'fas fa-tag',
name: locale.COMMON.TAGS,
href: '/tag',
show: siteConfig('NEXT_MENU_TAG', null, CONFIG)
},
{
id: 4,
icon: 'fas fa-archive',
name: locale.NAV.ARCHIVE,
href: '/archive',
slot: archiveSlot,
show: siteConfig('NEXT_MENU_ARCHIVE', null, CONFIG)
}
]
let links = [].concat(defaultLinks)
@@ -31,21 +60,38 @@ export const MenuList = (props) => {
}
return (
<>
{/* 大屏模式菜单 */}
<menu id='nav' data-aos="fade-down"
data-aos-duration="500"
data-aos-delay="400"
data-aos-once="true"
data-aos-anchor-placement="top-bottom"
className='hidden md:block leading-8 text-gray-500 dark:text-gray-400 '>
{links.map((link, index) => link && link.show && <MenuItemDrop key={index} link={link} />)}
</menu>
<>
{/* 大屏模式菜单 */}
<menu
id='nav'
data-aos='fade-down'
data-aos-duration='500'
data-aos-delay='400'
data-aos-once='true'
data-aos-anchor-placement='top-bottom'
className='hidden md:block leading-8 text-gray-500 dark:text-gray-400 '>
{links.map(
(link, index) =>
link && link.show && <MenuItemDrop key={index} link={link} />
)}
</menu>
{/* 移动端菜单 */}
<menu id='nav-menu-mobile' className='block md:hidden my-auto justify-start bg-white'>
{links?.map((link, index) => link && link.show && <MenuItemCollapse onHeightChange={props.onHeightChange} key={index} link={link} />)}
</menu>
</>
{/* 移动端菜单 */}
<menu
id='nav-menu-mobile'
className='block md:hidden my-auto justify-start bg-white'>
{links?.map(
(link, index) =>
link &&
link.show && (
<MenuItemCollapse
onHeightChange={props.onHeightChange}
key={index}
link={link}
/>
)
)}
</menu>
</>
)
}