57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
![]() |
import React from "react";
|
||
|
import Image from "next/image";
|
||
|
import circle from "@/app/assets/circle.png";
|
||
|
import styles from "./LeftNav.module.scss";
|
||
|
import Link from "next/link";
|
||
|
|
||
|
const LeftNav = () => {
|
||
|
return (
|
||
|
<div className={"left-nav min-h-[600px] bg-[#d7ecfd] rounded shadow"}>
|
||
|
<div className={"flex items-center pl-2"}>
|
||
|
<Image src={circle} alt={"circle icon"} height={16} width={16} />
|
||
|
<span className={"pl-2"}>新闻详情</span>
|
||
|
</div>
|
||
|
<div
|
||
|
className={`${styles.navContent} mt-3 mx-3 rounded-lg px-2.5 py-[5px]`}
|
||
|
>
|
||
|
<ul className={styles.navItems}>
|
||
|
<li>
|
||
|
<Link
|
||
|
className={"text-sm px-[9px] py-[7px] block text-white"}
|
||
|
href={"/"}
|
||
|
>
|
||
|
人才概况
|
||
|
</Link>
|
||
|
</li>
|
||
|
<li>
|
||
|
<Link
|
||
|
className={"text-sm px-[9px] py-[7px] block text-white"}
|
||
|
href={"/"}
|
||
|
>
|
||
|
人才概况
|
||
|
</Link>
|
||
|
</li>
|
||
|
<li>
|
||
|
<Link
|
||
|
className={"text-sm px-[9px] py-[7px] block text-white"}
|
||
|
href={"/"}
|
||
|
>
|
||
|
人才概况
|
||
|
</Link>
|
||
|
</li>
|
||
|
<li>
|
||
|
<Link
|
||
|
className={"text-sm px-[9px] py-[7px] block text-white"}
|
||
|
href={"/"}
|
||
|
>
|
||
|
人才概况
|
||
|
</Link>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default LeftNav;
|