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() { {} {} {} + {} + {} ); }