freefire
4f3f3a265c
新增模块： - 友链（friendlink）后端处理 + 前端管理页与友链板 - 书库（library）：导入、章节、封面、阅读页、横竖版自适应 AdaptiveCoverSlot - 顶栏导航（header_nav）配置与 MobileTabBar/MobileRailDrawers 移动端抽屉 - 排行榜 service 测试、站点页面测试、时间线发布（timeline_release） 其它改动： - 后端 handlers/services 全量小幅调整 - 前端组件、库函数、URL/品牌/站点 URL 工具更新 - Lightbox 图片、MdEntries 条目卡、coverColor 派生色相等前端能力
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import type { ReactNode } from "react";
|
||
import MobileRailDrawers from "@/components/MobileRailDrawers";
|
||
|
||
/**
|
||
* 公文阅读三栏壳：宽度与帖子详情对齐。
|
||
* lg = 左224 + 中栏 + 右280；xl = 左240 + 中栏 + 右300；
|
||
* 窄屏仅中栏，左右两栏收进移动端抽屉（工具栏按钮：导航 / 目录）。
|
||
*/
|
||
export default function SiteDocShell({
|
||
left,
|
||
right,
|
||
children,
|
||
}: {
|
||
left?: ReactNode;
|
||
right?: ReactNode;
|
||
children: ReactNode;
|
||
}) {
|
||
return (
|
||
<>
|
||
{/* 移动端：左右抽屉（导航 / 目录），lg 起隐藏；两侧皆空时组件自身不渲染 */}
|
||
<MobileRailDrawers
|
||
left={left ? { label: "导航", content: left } : undefined}
|
||
right={right ? { label: "目录", content: right } : undefined}
|
||
/>
|
||
|
||
<div className="grid grid-cols-1 items-start lg:grid-cols-[224px_minmax(0,1fr)_280px] xl:grid-cols-[240px_minmax(0,1fr)_300px] gap-x-6 xl:gap-x-7">
|
||
<aside
|
||
className="hidden lg:flex w-56 xl:w-60 shrink-0 sticky top-[var(--rail-top)] flex-col gap-4 max-h-[var(--rail-max-h)] overflow-hidden"
|
||
aria-label="站点导航"
|
||
>
|
||
{left}
|
||
</aside>
|
||
|
||
<div className="j13-doc-bleed min-w-0">
|
||
{children}
|
||
</div>
|
||
|
||
<aside
|
||
className="hidden lg:flex w-[280px] xl:w-[300px] shrink-0 sticky top-[var(--rail-top)] flex-col gap-4 max-h-[var(--rail-max-h)] overflow-hidden"
|
||
aria-label="阅读辅助"
|
||
>
|
||
{right}
|
||
</aside>
|
||
</div>
|
||
</>
|
||
);
|
||
}
|