- 新增事件总线式toast通知系统 - 新增头像、阅读进度、404/500错误页等基础组件 - 重构页脚、布局、分页、点赞按钮等现有组件 - 新增用户个人页、通知中心、帖子编辑/发布/置顶/推荐管理功能 - 优化登录注册页面样式与交互 - 修复路径类型文件引用,更新站点元信息与字体配置
36 lines
1.6 KiB
TypeScript
36 lines
1.6 KiB
TypeScript
import Link from "next/link";
|
||
|
||
export default function Footer() {
|
||
return (
|
||
<footer className="mt-14" style={{ borderTop: "1px solid var(--line)" }}>
|
||
<div className="max-w-6xl mx-auto px-4 sm:px-6 py-8 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
|
||
<div className="flex items-center gap-2.5">
|
||
<span
|
||
className="w-7 h-7 rounded-lg flex items-center justify-center"
|
||
style={{ background: "var(--accent)", color: "var(--accent-on)" }}
|
||
>
|
||
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
|
||
<path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" />
|
||
</svg>
|
||
</span>
|
||
<span className="text-[13.5px] font-bold" style={{ color: "var(--ink)" }}>
|
||
姜十三社区
|
||
</span>
|
||
</div>
|
||
<nav className="flex items-center gap-5 text-[13px]" style={{ color: "var(--ink-2)" }}>
|
||
<Link href="/" className="hover:text-[var(--accent)] transition-colors">
|
||
首页
|
||
</Link>
|
||
<Link href="/board/1" className="hover:text-[var(--accent)] transition-colors">
|
||
板块
|
||
</Link>
|
||
<span className="meta">Go × Next.js</span>
|
||
</nav>
|
||
<span className="meta text-[12.5px]">
|
||
© 2026 姜十三
|
||
</span>
|
||
</div>
|
||
</footer>
|
||
);
|
||
}
|