d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-04 15:10:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

hexo主题菜单栏

Browse Source
This commit is contained in:
tangly1024
2022-03-15 15:40:29 +08:00
parent 3ecc367995
commit a15fc196b2
3 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
themes/Hexo/components/Header.js
View File

@@ -51,7 +51,7 @@ export default function Header () {
const scrollS = window.scrollY const scrollS = window.scrollY
const nav = document.querySelector('#sticky-nav') const nav = document.querySelector('#sticky-nav')
if (scrollS < 300) { if (scrollS < 500) {
nav && nav.classList.replace('bg-white', 'bg-none') nav && nav.classList.replace('bg-white', 'bg-none')
nav && nav.classList.replace('text-black', 'text-white') nav && nav.classList.replace('text-black', 'text-white')
} else { } else {
@@ -59,6 +59,7 @@ export default function Header () {
nav && nav.classList.replace('text-white', 'text-black') nav && nav.classList.replace('text-white', 'text-black')
} }
// 自动滚动
if ((scrollS > windowTop) & (scrollS < window.innerHeight) && !autoScroll if ((scrollS > windowTop) & (scrollS < window.innerHeight) && !autoScroll
) { ) {
autoScroll = true autoScroll = true
@@ -98,7 +99,7 @@ export default function Header () {
return ( return (
<header <header
id="header" id="header"
className="duration-500 md:bg-fixed w-full bg-cover bg-center h-screen bg-black" className="duration-500 md:bg-fixed w-full bg-cover bg-center h-screen bg-black text-white"
style={{ style={{
backgroundImage: backgroundImage:
`linear-gradient(rgba(0, 0, 0, 0.8), rgba(0,0,0,0.2), rgba(0, 0, 0, 0.8) ),url("${CONFIG_HEXO.HOME_BANNER_IMAGE}")` `linear-gradient(rgba(0, 0, 0, 0.8), rgba(0,0,0,0.2), rgba(0, 0, 0, 0.8) ),url("${CONFIG_HEXO.HOME_BANNER_IMAGE}")`

2
themes/Hexo/components/MenuButtonGroupTop.js
View File

@@ -23,7 +23,7 @@ const MenuButtonGroupTop = (props) => {
if (link.show) { if (link.show) {
return <Link key={`${link.to}`} title={link.to} href={link.to} > return <Link key={`${link.to}`} title={link.to} href={link.to} >
<a className={'py-1.5 my-1 px-2 duration-300 text-base justify-center items-center cursor-pointer'} > <a className={'py-1.5 my-1 px-2 duration-300 text-base justify-center items-center cursor-pointer'} >
<div className='w-full flex dark:text-white text-sm items-center justify-center hover:scale-105 duration-200 transform'> <div className='w-full flex text-sm items-center justify-center hover:scale-105 transform'>
<i className={`${link.icon} mr-1`}/> <i className={`${link.icon} mr-1`}/>
<div className='text-center'>{link.name}</div> <div className='text-center'>{link.name}</div>
</div> </div>

2
themes/Hexo/components/TopNav.js
View File

@@ -98,7 +98,7 @@ const TopNav = (props) => {
</div> </div>
{/* 右侧功能 */} {/* 右侧功能 */}
<div className='mr-1 justify-end items-center space-x-4 font-serif dark:text-gray-200'> <div className='mr-1 justify-end items-center space-x-4 font-serif'>
<div className='hidden lg:flex'> <MenuButtonGroupTop {...props}/></div> <div className='hidden lg:flex'> <MenuButtonGroupTop {...props}/></div>
<div onClick={toggleMenuOpen} className='w-8 justify-center items-center h-8 cursor-pointer flex lg:hidden'> <div onClick={toggleMenuOpen} className='w-8 justify-center items-center h-8 cursor-pointer flex lg:hidden'>
{ isOpen ? <i className='fas fa-times'/> : <i className='fas fa-bars'/> } { isOpen ? <i className='fas fa-times'/> : <i className='fas fa-bars'/> }