From f0b97c8cb3d63ae3f376238b234fb5f697903585 Mon Sep 17 00:00:00 2001 From: Jzx201211 <1595536662@qq.com> Date: Mon, 28 Feb 2022 11:13:49 +0800 Subject: [PATCH] =?UTF-8?q?=E7=A8=8B=E5=BA=8F=E8=AE=BE=E8=AE=A1=E4=B8=8E?= =?UTF-8?q?=E8=BD=AF=E4=BB=B6=E5=B7=A5=E7=A8=8B=E8=AF=BE=E7=A8=8B=E6=96=B9?= =?UTF-8?q?=E5=90=91+=E8=AE=A1=E7=AE=97=E6=9C=BA=E7=B3=BB=E7=BB=9F?= =?UTF-8?q?=E8=83=BD=E5=8A=9B=E8=AF=BE=E7=A8=8B=E6=96=B9=E5=90=91+?= =?UTF-8?q?=E7=94=B5=E5=AD=90=E4=BF=A1=E6=81=AF=E4=B8=93=E4=B8=9A=E8=AF=BE?= =?UTF-8?q?=E7=A8=8B=E6=96=B9=E5=90=91+=E5=A4=A7=E6=95=B0=E6=8D=AE?= =?UTF-8?q?=E4=B8=93=E4=B8=9A=E8=AF=BE=E7=A8=8B=E6=96=B9=E5=90=91+?= =?UTF-8?q?=E4=BA=BA=E5=B7=A5=E6=99=BA=E8=83=BD=E4=B8=93=E4=B8=9A=E8=AF=BE?= =?UTF-8?q?=E7=A8=8B=E6=96=B9=E5=90=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/center3.js | 380 ++++++++++++++++++++++++++++++++++++++++++- src/pages/center4.js | 7 + src/pages/center5.js | 7 + src/pages/index.css | 81 +++++++++ src/pages/index.tsx | 4 + 5 files changed, 478 insertions(+), 1 deletion(-) create mode 100644 src/pages/center4.js create mode 100644 src/pages/center5.js diff --git a/src/pages/center3.js b/src/pages/center3.js index b8984497..95089eb5 100644 --- a/src/pages/center3.js +++ b/src/pages/center3.js @@ -2,6 +2,384 @@ import React, { Component } from "react"; export default class Center3 extends Component { render() { - return
; + return ( +
+
+
+

程序设计与软件工程课程方向

+
Computer Programming and Software Engineering Courses
+
+
+ +
社区支持
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+

计算机系统能力课程方向

+
Computer System Capability Courses
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ 社区支持 +
+
+
+
+
+
+
+

电子信息专业课程方向

+
Electronic Information Courses
+
+
+ +
社区支持
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+

大数据专业课程方向

+
Big Data and Data Science Courses
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ 社区支持 +
+
+
+
+
+
+
+

人工智能专业课程方向

+
Artificial Intelligence Courses
+
+
+ +
社区支持
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+ ); } } diff --git a/src/pages/center4.js b/src/pages/center4.js new file mode 100644 index 00000000..6e5fd70c --- /dev/null +++ b/src/pages/center4.js @@ -0,0 +1,7 @@ +import React, { Component } from "react"; + +export default class Center4 extends Component { + render() { + return
; + } +} diff --git a/src/pages/center5.js b/src/pages/center5.js new file mode 100644 index 00000000..40d23cc2 --- /dev/null +++ b/src/pages/center5.js @@ -0,0 +1,7 @@ +import React, { Component } from "react"; + +export default class Center5 extends Component { + render() { + return
; + } +} diff --git a/src/pages/index.css b/src/pages/index.css index 54f0f5d1..fa37e81c 100644 --- a/src/pages/index.css +++ b/src/pages/index.css @@ -228,8 +228,89 @@ width: 730px; } +.main{ + height: auto; + width: auto; +} .center3{ width: 100%; height: auto; float: left; +} +.center3_main{ + margin: 0 auto; + width: 1200px; + padding-top: 80px; + padding-bottom: 80px; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + height: auto; +} +.center3_main h2{ + font-size: 30px; + font-weight: 400; + color: #34495e; + margin-bottom: 5px; +} +.center3_main h5{ + height: 18px; + font-size: 18px; + font-weight: 200; + color: #686f9a; + margin-bottom: 40px; +} +.center3_main_box{ + width: 100%; + display: flex; + justify-content: space-between; + align-items: flex-start; + margin-top: 30px; +} +.center3_main_box_left{ + height: 598px; + display: flex; + flex-direction: column; + justify-content: space-between; +} +.center3_main_box_right{ + flex-shrink: 0; + width: 380px; + display: block; +} +.center3_main_box_left_box{ + width: 137px; + height: 40px; + background: #377dff; + border-radius: 5px; + font-size: 16px; + font-weight: 500; + color: #fff; + line-height: 40px; + text-align: center; + cursor: pointer; +} +.center3_main_box_right_box1{ + background: black; + width: 180px; + height: 130px; + background: rgba(104,111,154,.2); + border-radius: 8px; + overflow: hidden; + margin: 0 20px 20px 0; + float: left; +} +.center3_main_box_right_box2{ + background: black; + width: 180px; + height: 130px; + background: rgba(104,111,154,.2); + border-radius: 8px; + overflow: hidden; + margin: 0 0 20px 0; + float: left; +} +.center3_main_box_right a img{ + width: 100%; } \ No newline at end of file diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 11bcc99e..b6f94ef8 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -5,6 +5,8 @@ import Menu from "./menu.js"; import Center1 from "./center1.js"; import Center2 from "./center2.js"; import Center3 from "./center3.js"; +import Center4 from "./center4.js"; +import Center5 from "./center5.js"; export default function IndexPage() { return ( @@ -13,6 +15,8 @@ export default function IndexPage() { {} {} {} + {} + {} ); }