draft of law cases
17
components/Video.js
Normal file
@@ -0,0 +1,17 @@
|
||||
function Video({ src }) {
|
||||
return (
|
||||
<p
|
||||
style={{
|
||||
textAlign: "center",
|
||||
}}
|
||||
>
|
||||
<video
|
||||
src={src}
|
||||
controls
|
||||
width="70%"
|
||||
/>
|
||||
</p>
|
||||
);
|
||||
}
|
||||
|
||||
export default Video;
|
||||
@@ -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
@@ -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
@@ -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
|
After Width: | Height: | Size: 92 KiB |
BIN
public/group1bg.webp
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
public/group2bg.webp
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
public/group3bg.webp
Normal file
|
After Width: | Height: | Size: 40 KiB |
BIN
public/group4bg.webp
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
public/group6bg.webp
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
public/group7bg.webp
Normal file
|
After Width: | Height: | Size: 35 KiB |