大海
31 lines
1.4 KiB
TypeScript
31 lines
1.4 KiB
TypeScript
import type { Metadata } from "next";
|
|
import "./globals.css";
|
|
import { Sidebar } from "@/components/layout/Sidebar";
|
|
import { BottomNav } from "@/components/layout/BottomNav";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "MealPrep",
|
|
description: "一款支持商品浏览、购物车、在线支付和物流追踪的电商应用。",
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="zh-CN">
|
|
<body className="bg-gray-50 min-h-screen">
|
|
<div className="flex">
|
|
{/* Desktop Sidebar */}
|
|
<Sidebar items={[{"name":"首页","href":"/home","icon":"🏠"},{"name":"食物库","href":"/食物库","icon":"📋"},{"name":"客户管理","href":"/客户管理","icon":"📅"},{"name":"餐计划","href":"/餐计划","icon":"✏️"},{"name":"营养计算","href":"/营养计算","icon":"📸"}] } projectName="MealPrep" />
|
|
{/* Main Content */}
|
|
<main className="flex-1 lg:pl-64 pb-20 lg:pb-0">
|
|
<div className="max-w-2xl mx-auto px-4 py-6">
|
|
{children}
|
|
</div>
|
|
</main>
|
|
</div>
|
|
{/* Mobile Bottom Nav */}
|
|
<BottomNav items={[{"name":"首页","href":"/home","icon":"🏠"},{"name":"食物库","href":"/食物库","icon":"📋"},{"name":"客户管理","href":"/客户管理","icon":"📅"},{"name":"餐计划","href":"/餐计划","icon":"✏️"}] } />
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|