draft of law cases

This commit is contained in:
2022-07-08 15:50:52 +08:00
parent a4d18910bb
commit 57e8c72f6b
11 changed files with 189 additions and 0 deletions

17
components/Video.js Normal file
View File

@@ -0,0 +1,17 @@
function Video({ src }) {
return (
<p
style={{
textAlign: "center",
}}
>
<video
src={src}
controls
width="70%"
/>
</p>
);
}
export default Video;

View File

@@ -26,6 +26,14 @@ export default function Home() {
</section>
</Link>
<hr />
<Link href="/posts/law" passHref>
<section className={styles.postPreview}>
<h2>法律案件分析</h2>
<p>小组研讨真实法律案件的案情和判决</p>
<small>发布于 2022-07-06</small>{" | "}<ClickForMore />
</section>
</Link>
<hr />
<Link href="/posts/map" passHref>
<section className={styles.postPreview}>
<h2>全国灾害统计地图</h2>

39
pages/posts/law/1.js Normal file
View File

@@ -0,0 +1,39 @@
import Head from "next/head";
import Header from "../../../components/Header";
import Video from "../../../components/Video";
import styles from "../../../styles/Post.module.css";
import homeStyles from "../../../styles/Home.module.css";
import group1bg from "../../../public/group1bg.webp";
export default function LawPage() {
return (
<div>
<Head>
<title>法律案件分析 - Social OjO</title>
<meta name="description" content="Social OjO 官方网站" />
<link rel="icon" href="/favicon.ico" />
</Head>
<Header propBG={group1bg}></Header>
<main className={homeStyles.container}>
<section className={styles.post}>
<h2>残疾人劳工案例分析</h2>
<small>发布于 2022-07-06</small>
<hr />
<Video
src={
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/1/c0003_c.mp4"
}
/>
<Video
src={
"https://social-ojo-1301796004.cos.ap-guangzhou.myqcloud.com/videos/2/1.mp4"
}
/>
<div className={styles.grid}></div>
</section>
</main>
</div>
);
}

125
pages/posts/law/index.js Normal file
View File

@@ -0,0 +1,125 @@
import Head from "next/head";
import Link from "next/link";
import Header from "../../../components/Header";
import Copyright from "../../../components/Copyright";
import Image from "next/image";
import styles from "../../../styles/Post.module.css";
import homeStyles from "../../../styles/Home.module.css";
import BG486 from "../../../public/486.webp";
import group1bg from "../../../public/group1bg.webp";
import group2bg from "../../../public/group2bg.webp";
import group3bg from "../../../public/group3bg.webp";
import group4bg from "../../../public/group4bg.webp";
// [TODO] bg 5
import group6bg from "../../../public/group6bg.webp";
import group7bg from "../../../public/group7bg.webp";
export default function LawPage() {
return (
<div>
<Head>
<title>法律案件分析 - Social OjO</title>
<meta name="description" content="Social OjO 官方网站" />
<link rel="icon" href="/favicon.ico" />
</Head>
<Header propBG={BG486}></Header>
<main className={homeStyles.container}>
<section className={styles.post}>
<h2>法律案件分析</h2>
<small>发布于 2022-07-06</small>
<hr />
<div className={styles.grid}>
<Link
href="/posts/law/1"
passHref
>
<div>
<h3>残疾人劳工案例分析</h3>
<small>
<Copyright />
周鲲鹏郑梦佳郑可儿
</small>
<Image src={group1bg} />
</div>
</Link>
<Link
href="#"
passHref
>
<div>
<h3>杀人犯潜逃的重婚案例</h3>
<small>
<Copyright />
李昕玥朱诗琪张芷晴
</small>
<Image src={group2bg} />
</div>
</Link>
<Link
href="#"
passHref
>
<div>
<h3>离婚案例分析</h3>
<small>
<Copyright />
黄珏晞施适雨易欣宇
</small>
<Image src={group3bg} />
</div>
</Link>
<Link
href="#"
passHref
>
<div>
<h3>针对未成年人的性侵犯案件分析</h3>
<small>
<Copyright />
马玉杨思怡梁欣
</small>
<Image src={group4bg} />
</div>
</Link>
// [TODO] group 5
<Link
href="#"
passHref
>
<div>
<h3>离婚法</h3>
<small>
<Copyright />
陈愿妃张诺清杨小满
</small>
<Image src={group6bg} />
</div>
</Link>
<Link
href="#"
passHref
>
<div>
<h3>婚内配偶同性恋行为导致的离婚纠纷案例分析</h3>
<small>
<Copyright />
陈久如郑志泓
</small>
<Image src={group7bg} />
</div>
</Link>
</div>
</section>
</main>
</div>
);
}

BIN
public/486.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

BIN
public/group1bg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

BIN
public/group2bg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

BIN
public/group3bg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
public/group4bg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/group6bg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

BIN
public/group7bg.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB