AirShelf/components/GridBg.tsx
iye f420af2069
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 6s
chore: 全量推送 · 累积页面改动 + Next.js 工程骨架 + v1/ 归档 + 文档
页面 (电商AI平台/)
- account / team / settings / index / products / projects: 累积迭代
- restraint.css: 设计 token 补充
- login.html / register.html: 新增登录注册页
- _ARCHIVE.md: 归档说明

Next.js 工程骨架
- app/ + components/: 新一代 SPA 雏形 (page / layout / sidebar / topbar / GridBg / Icon)
- package.json / package-lock.json / next.config.mjs / tsconfig.json / postcss.config.mjs / next-env.d.ts

历史归档 / 文档
- v1/: 原 V1 静态稿镜像 (含 mockup-A/B/C)
- PRD.md / deployment-guide.md / _check.html
- ui参考/ / screenshots/

杂项
- .gitignore 调整
- 删除根 README.md

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-21 21:16:46 +08:00

39 lines
1.3 KiB
TypeScript

export default function GridBg() {
return (
<>
<div className="grid-bg" aria-hidden />
<pre className="scatter" style={{ top: 96, left: 280 }} aria-hidden>
{` · · +
· +XX+
+XXXX·
+X· `}
</pre>
<pre className="scatter" style={{ top: 340, right: 96 }} aria-hidden>
{`+ · ·
XX· ·
·XXXX·+
·++· `}
</pre>
<pre className="scatter" style={{ bottom: 160, left: "42%" }} aria-hidden>
{` · +
+·XX·
·X+ ·
· `}
</pre>
<pre className="scatter" style={{ top: 580, left: 60 }} aria-hidden>
{` +X·
·XX·
+·X·+`}
</pre>
<span className="sq" style={{ top: 238, left: 478 }} aria-hidden />
<span className="sq" style={{ top: 478, left: 1198 }} aria-hidden />
<span className="sq" style={{ bottom: 300, left: 238 }} aria-hidden />
<span className="sq" style={{ top: 718, right: 240 }} aria-hidden />
<span className="corner-tag" style={{ top: 158, left: 34 }} aria-hidden>[ 200 OK ]</span>
<span className="corner-tag" style={{ top: 158, right: 34 }} aria-hidden>[ /v2 ]</span>
<span className="corner-tag" style={{ bottom: 36, left: 34 }} aria-hidden>[ .MP4 · 9:16 ]</span>
<span className="corner-tag" style={{ bottom: 36, right: 34 }} aria-hidden>[ STUDIO ]</span>
</>
);
}