This commit is contained in:
katelya
2025-08-29 13:53:41 +08:00
parent f239211864
commit 446c2f003e
18 changed files with 886 additions and 792 deletions
+16 -7
View File
@@ -188,11 +188,17 @@ const PageLayout = ({ children, activePath = '/' }: PageLayoutProps) => {
{/* 使用flex布局实现三等分 */}
<div className='flex w-full min-h-screen md:min-h-[calc(100vh-10rem)]'>
{/* 左侧留白区域 - 占1/6 */}
<div className='hidden md:block flex-shrink-0' style={{ width: '16.67%' }}></div>
<div
className='hidden md:block flex-shrink-0'
style={{ width: '16.67%' }}
></div>
{/* 主内容区 - 占2/3 */}
<div className='flex-1 md:flex-none rounded-container w-full' style={{ width: '66.67%' }}>
<div
<div
className='flex-1 md:flex-none rounded-container w-full'
style={{ width: '66.67%' }}
>
<div
className='p-4 md:p-8 lg:p-10'
style={{
paddingBottom: 'calc(3.5rem + env(safe-area-inset-bottom))',
@@ -201,9 +207,12 @@ const PageLayout = ({ children, activePath = '/' }: PageLayoutProps) => {
{children}
</div>
</div>
{/* 右侧留白区域 - 占1/6 */}
<div className='hidden md:block flex-shrink-0' style={{ width: '16.67%' }}></div>
<div
className='hidden md:block flex-shrink-0'
style={{ width: '16.67%' }}
></div>
</div>
</main>
</div>
@@ -217,4 +226,4 @@ const PageLayout = ({ children, activePath = '/' }: PageLayoutProps) => {
);
};
export default PageLayout;
export default PageLayout;