e4959d584f
主要更新： - 更新代理商端文档，明确项目由品牌方分配流程 - 新增Brief配置详情页(已配置)设计稿 - 完善工作台紧急待办中品牌新任务功能 - 整理Pencil设计文件中代理商端页面顺序 - 新增后端FastAPI框架及核心API - 新增前端Next.js页面和组件库 - 添加.gitignore排除构建和缓存文件 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
33 lines
789 B
TypeScript
33 lines
789 B
TypeScript
'use client'
|
|
|
|
import { StatusBar } from '../navigation/StatusBar'
|
|
import { BottomNav } from '../navigation/BottomNav'
|
|
|
|
interface MobileLayoutProps {
|
|
children: React.ReactNode
|
|
role?: 'creator' | 'agency' | 'brand'
|
|
showStatusBar?: boolean
|
|
showBottomNav?: boolean
|
|
className?: string
|
|
}
|
|
|
|
export function MobileLayout({
|
|
children,
|
|
role = 'creator',
|
|
showStatusBar = true,
|
|
showBottomNav = true,
|
|
className = '',
|
|
}: MobileLayoutProps) {
|
|
return (
|
|
<div className={`min-h-screen bg-bg-page flex flex-col overflow-x-hidden ${className}`}>
|
|
{showStatusBar && <StatusBar />}
|
|
<main className={`flex-1 ${showBottomNav ? 'pb-[95px]' : ''}`}>
|
|
{children}
|
|
</main>
|
|
{showBottomNav && <BottomNav role={role} />}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default MobileLayout
|