2023-10-27 17:29:50 +08:00
|
|
|
import type { Metadata } from "next";
|
|
|
|
|
import { Inter } from "next/font/google";
|
|
|
|
|
import "./globals.css";
|
|
|
|
|
import Link from "next/link";
|
|
|
|
|
import footer from "@/app/assets/footer.jpg";
|
|
|
|
|
import Image from "next/image";
|
|
|
|
|
import banner from "@/app/assets/banner.jpg";
|
|
|
|
|
import { ReactNode } from "react";
|
2023-10-27 09:30:22 +08:00
|
|
|
|
2023-10-27 17:29:50 +08:00
|
|
|
const inter = Inter({ subsets: ["latin"] });
|
2023-10-27 09:30:22 +08:00
|
|
|
|
|
|
|
|
export const metadata: Metadata = {
|
2023-10-27 17:29:50 +08:00
|
|
|
title: "中国科学院重庆绿色智能技术研究院合肥分院",
|
|
|
|
|
description: "Generated by create next app",
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const navLinks = [
|
|
|
|
|
{ title: "首页", href: "/" },
|
|
|
|
|
{ title: "机构设置", href: "#" },
|
|
|
|
|
{ title: "人才队伍", href: "#" },
|
|
|
|
|
{ title: "科研进展", href: "#" },
|
|
|
|
|
{ title: "科技成果", href: "#" },
|
|
|
|
|
{ title: "学术交流", href: "#" },
|
|
|
|
|
{ title: "成果转化服务", href: "#" },
|
|
|
|
|
{ title: "中科院科技资源共享平台", href: "#" },
|
|
|
|
|
{ title: "联系我们", href: "#" },
|
|
|
|
|
];
|
2023-10-27 09:30:22 +08:00
|
|
|
|
2023-10-27 17:29:50 +08:00
|
|
|
export default function RootLayout({ children }: { children: ReactNode }) {
|
2023-10-27 09:30:22 +08:00
|
|
|
return (
|
|
|
|
|
<html lang="en">
|
2023-10-27 17:29:50 +08:00
|
|
|
<body className={inter.className}>
|
|
|
|
|
<main className={"w-[1000px] m-auto"}>
|
|
|
|
|
<Image className={"w-full"} src={banner} alt={"banner"} />
|
|
|
|
|
<nav className={"main-nav bg-[#1958a7] h-[38px]"}>
|
|
|
|
|
<ul className={"w-full h-full flex"}>
|
|
|
|
|
{navLinks.map((link, index) => (
|
|
|
|
|
<li key={link.title + index}>
|
|
|
|
|
<Link
|
|
|
|
|
href={link.href}
|
|
|
|
|
className={
|
|
|
|
|
"text-white text-sm h-[38px] flex justify-center items-center min-w-[60px] mx-2.5"
|
|
|
|
|
}
|
|
|
|
|
>
|
|
|
|
|
{link.title}
|
|
|
|
|
</Link>
|
|
|
|
|
</li>
|
|
|
|
|
))}
|
|
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
{children}
|
|
|
|
|
<Image src={footer} alt={"footer"} className={"mt-4"} />
|
|
|
|
|
</main>
|
|
|
|
|
</body>
|
2023-10-27 09:30:22 +08:00
|
|
|
</html>
|
2023-10-27 17:29:50 +08:00
|
|
|
);
|
2023-10-27 09:30:22 +08:00
|
|
|
}
|
