init

app/components/LeftNav.tsx

@@ -0,0 +1,56 @@
+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;