lywsvip/ThriveX-Blog
1
0
Fork 0
mirror of https://github.com/LiuYuYang01/ThriveX-Blog.git synced 2026-05-06 22:03:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

更新404页面的错误提示文本为中文，并重构Header组件，替换AAA组件为SidebarNav组件，删除不再使用的AAA组件文件以简化代码结构。

Browse Source
This commit is contained in:
宇阳
2025-12-30 20:45:20 +08:00
parent 4585370338
commit bc200c3b47
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/not-found.tsx
View File

@@ -18,7 +18,7 @@ export default function NotFound() {
<div className="xl:w-[32rem] lg:w-[26rem] md:w-[20rem] sm:text-start mx-4 text-center">
<h1 className="text-5xl sm:text-8xl font-bold">404</h1>
<h2 className="text-3xl sm:text-3xl font-bold my-4">Page not found</h2>
<p>The page you are looking for does not exist or has been removed.</p>
<p>您正在访问的页面不存在或已被删除</p>
<Button className="mt-6" color="primary" variant="shadow" onPress={() => router.push('/')}>
返回首页
</Button>

4
src/components/Header/component/AAA/index.tsx → src/components/Header/component/SidebarNav/index.tsx
View File

@@ -45,7 +45,7 @@ export default ({ list, open, onClose }: Props) => {
{one.type === 'nav' && (
<li className="group/one relative hover:bg-[#e0e6ec] dark:hover:bg-[#495362] rounded-md ">
<Link href={one.url} className={`flex justify-between items-center p-3 px-5 text-[15px] group-hover/one:!text-primary text-[#333] dark:text-white whitespace-nowrap`} onClick={onClose}>
<Link href={one.url} target={`${one.url.startsWith('http') ? '_blank' : '_self'}`} className={`flex justify-between items-center p-3 px-5 text-[15px] group-hover/one:!text-primary text-[#333] dark:text-white whitespace-nowrap`} onClick={onClose}>
{one.icon} {one.name}
<Show is={!!one.children.length}>
<IoIosArrowDown className="ml-2" />
@@ -56,7 +56,7 @@ export default ({ list, open, onClose }: Props) => {
<ul className="overflow-hidden top-[50px] w-full rounded-md">
{one.children?.map((two) => (
<li key={two.id} className="group/two">
<Link href={two.url} className="inline-block w-full p-2.5 pl-10 text-[15px] box-border text-[#666] dark:text-[#8c9ab1] hover:!text-primary" onClick={onClose}>
<Link href={two.url} target={`${two.url.startsWith('http') ? '_blank' : '_self'}`} className="inline-block w-full p-2.5 pl-10 text-[15px] box-border text-[#666] dark:text-[#8c9ab1] hover:!text-primary" onClick={onClose}>
{two.icon} {two.name}
</Link>
</li>

8
src/components/Header/index.tsx
View File

@@ -6,7 +6,7 @@ import React, { useState, useEffect } from 'react';
import { Switch } from '@heroui/react';
import Show from '@/components/Show';
import AAA from './component/AAA';
import SidebarNav from './component/SidebarNav';
import { IoIosArrowDown } from 'react-icons/io';
import { FaRegSun } from 'react-icons/fa';
@@ -93,7 +93,7 @@ const Header = () => {
{/* 渲染分类 */}
{one.type === 'cate' && (
<li className="group/one relative">
<Link href={`/cate/${one.id}?name=${one.name}`} className={`flex items-center p-5 text-[15px] group-hover/one:!text-primary ${isPathSty || isScrolled ? 'text-[#333] dark:text-white' : 'text-white'}`}>
<Link href={`/cate/${one.id}?name=${one.name}`} target={`${one.url.startsWith('http') ? '_blank' : '_self'}`} className={`flex items-center p-5 text-[15px] group-hover/one:!text-primary ${isPathSty || isScrolled ? 'text-[#333] dark:text-white' : 'text-white'}`}>
{one.icon} {one.name}
<Show is={!!one.children.length}>
<IoIosArrowDown className="ml-2" />
@@ -104,7 +104,7 @@ const Header = () => {
<ul className="hidden group-hover/one:block overflow-hidden absolute top-[50px] w-full rounded-md backdrop-blur-[5px] bg-[rgba(255,255,255,0.95)] dark:bg-[rgba(44,51,62,0.95)]" style={{ boxShadow: '0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08)' }}>
{one.children?.map((two) => (
<li key={two.id} className="group/two">
<Link href={`/cate/${two.id}?name=${two.name}`} className="relative inline-block w-full p-2.5 text-[15px] box-border text-[#666] dark:text-white hover:!text-primary transition-all after:content-[''] after:absolute after:left-2.5 after:top-1/2 after:-translate-y-1/2 after:w-0 after:h-[3px] after:bg-primary after:transition-width group-hover/two:bg-[#f2f2f2] dark:group-hover/two:bg-[#323e50] group-hover/two:pl-8 hover:after:w-2.5">
<Link href={`/cate/${two.id}?name=${two.name}`} target={`${two.url.startsWith('http') ? '_blank' : '_self'}`} className="relative inline-block w-full p-2.5 text-[15px] box-border text-[#666] dark:text-white hover:!text-primary transition-all after:content-[''] after:absolute after:left-2.5 after:top-1/2 after:-translate-y-1/2 after:w-0 after:h-[3px] after:bg-primary after:transition-width group-hover/two:bg-[#f2f2f2] dark:group-hover/two:bg-[#323e50] group-hover/two:pl-8 hover:after:w-2.5">
{two.name}
</Link>
</li>
@@ -149,7 +149,7 @@ const Header = () => {
{/* 侧边导航：移动端时候显示 */}
{/* <SidebarNav list={cateList} open={isOpenSidebarNav} onClose={() => setIsOpenSidebarNav(false)} /> */}
<AAA list={cateList} open={isOpenSidebarNav} onClose={() => setIsOpenSidebarNav(false)} />
<SidebarNav list={cateList} open={isOpenSidebarNav} onClose={() => setIsOpenSidebarNav(false)} />
</>
);
};