qiuchenfan
/
news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://113.45.67.59:3003/qiuchenfan/news

This commit is contained in:
jinsir 2025-11-18 16:03:16 +08:00
parent 42a0d3a16c 388429a79c
commit e73c01dc48
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/components/header/Header.tsx
View File

@ -4,27 +4,28 @@ export function Header(){
const [currentTime, setCurrentTime] = useState(new Date()); const [currentTime, setCurrentTime] = useState(new Date());
useEffect(() => { useEffect(() => {
// setInterval是 JavaScript 中的一个全局函数，用于重复执行代码
const timer = setInterval(() => { const timer = setInterval(() => {
setCurrentTime(new Date()); setCurrentTime(new Date());
}, 1000); // 每秒更新一次 }, 1000); // 每秒更新一次
// 清理定时器 // 清理定时器
return () => clearInterval(timer); return () => clearInterval(timer);// 只在组件卸载时清理定时器
}, []); }, []); // 只在组件首次挂载时设置定时器
return ( return (
<div <div
className="relative w-[1280px] h-[704px] bg-cover bg-center left-1/2 transform -translate-x-1/2" className="relative w-[1280px] h-[704px] bg-cover bg-center left-1/2 transform -translate-x-1/2"
style={{ backgroundImage: "url('/app/images/header.png')" }} style={{ backgroundImage: "url('/app/images/header.png')" }}
> >
{/* 时间显示 */} {/* 时间显示 只显示日期: "2025/3/15"*/}
<div className="absolute top-4 right-4 mr-40"> <div className="absolute top-4 right-4 mr-40">
<div> <div>
{currentTime.toLocaleString('zh-CN')} {currentTime.toLocaleDateString('zh-CN')}
</div> </div>
</div> </div>
<div className="absolute top-4 right-4 mr-20 cursor-pointer"> <div className="absolute top-4 right-4 mr-20">
<h2 className="text-lg font-bold" onClick={() => console.log('登录')}>登录</h2> <h2 className="text-lg font-bold cursor-pointer" onClick={() => console.log('登录')}>登录</h2>
</div> </div>
<div className="absolute top-4 right-4 mr-5"> <div className="absolute top-4 right-4 mr-5">
<h2 className="text-lg font-bold cursor-pointer" onClick={() => console.log('注册')}>注册</h2> <h2 className="text-lg font-bold cursor-pointer" onClick={() => console.log('注册')}>注册</h2>