pu428f3pz
/
InternshipProject
1
0
Fork 2
Code Issues Pull Requests Releases Wiki Activity

程序设计与软件工程课程方向+计算机系统能力课程方向+电子信息专业课程方向+大数据专业课程方向+人工智能专业课程方向

Browse Source
dev_jzx
Jzx201211 4 years ago
parent c4a8840ac2
commit f0b97c8cb3
5 changed files with 478 additions and 1 deletions
Show Stats Download Patch File Download Diff File

380
src/pages/center3.js
Unescape View File

@ -2,6 +2,384 @@ import React, { Component } from "react";
export default class Center3 extends Component {
render() {
return <div className="center3"></div>;
return (
<div className="main">
<div className="center3">
<div className="center3_main">
<h2>程序设计与软件工程课程方向</h2>
<h5>Computer Programming and Software Engineering Courses</h5>
<div className="center3_main_box">
<div className="center3_main_box_left">
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/1?t=1612190124"></img>
<div className="center3_main_box_left_box">社区支持</div>
</div>
<div className="center3_main_box_right">
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/51?t=1618281355"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/6?t=1612189186"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/7?t=1612189226"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/8?t=1612189263"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/49?t=1616556680"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/10?t=1612230903"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/11?t=1612189331"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/12?t=1612189380"></img>
</a>
</div>
</div>
</div>
</div>
<div className="center3">
<div className="center3_main">
<h2>计算机系统能力课程方向</h2>
<h5>Computer System Capability Courses</h5>
<div className="center3_main_box">
<div className="center3_main_box_right">
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/15?t=1612189437"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/21?t=1612189545"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/16?t=1612231280"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/17?t=1612189472"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/18?t=1612189494"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/14?t=1612189427"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/19?t=1612189514"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/48?t=1613355287"></img>
</a>
</div>
<div className="center3_main_box_left">
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/2?t=1612190130"></img>
<div
className="center3_main_box_left_box"
style={{ marginLeft: "auto" }}
>
社区支持
</div>
</div>
</div>
</div>
</div>
<div className="center3">
<div className="center3_main">
<h2>电子信息专业课程方向</h2>
<h5>Electronic Information Courses</h5>
<div className="center3_main_box">
<div className="center3_main_box_left">
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/3?t=1612190135"></img>
<div className="center3_main_box_left_box">社区支持</div>
</div>
<div className="center3_main_box_right">
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/31?t=1612189799"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/30?t=1612189775"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/32?t=1612189837"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/33?t=1612189865"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/35?t=1612231123"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/36?t=1612190321"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/37?t=1612190328"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/34?t=1612230852"></img>
</a>
</div>
</div>
</div>
</div>
<div className="center3">
<div className="center3_main">
<h2>大数据专业课程方向</h2>
<h5>Big Data and Data Science Courses</h5>
<div className="center3_main_box">
<div className="center3_main_box_right">
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/38?t=1612190620"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/39?t=1612190632"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/47?t=1612190981"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/41?t=1612190867"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/42?t=1612190907"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/43?t=1612190791"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/44?t=1612190808"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/45?t=1612190823"></img>
</a>
</div>
<div className="center3_main_box_left">
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/4?t=1612190141"></img>
<div
className="center3_main_box_left_box"
style={{ marginLeft: "auto" }}
>
社区支持
</div>
</div>
</div>
</div>
</div>
<div className="center3">
<div className="center3_main">
<h2>人工智能专业课程方向</h2>
<h5>Artificial Intelligence Courses</h5>
<div className="center3_main_box">
<div className="center3_main_box_left">
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/5?t=1614734991"></img>
<div className="center3_main_box_left_box">社区支持</div>
</div>
<div className="center3_main_box_right">
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/22?t=1612190428"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/23?t=1612190441"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/24?t=1612190459"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/25?t=1612190472"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/26?t=1612230653"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/28?t=1612190564"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box1"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/29?t=1612190575"></img>
</a>
<a
target={"_blank"}
href="https://www.educoder.net/paths/2832"
className="center3_main_box_right_box2"
>
<img src="https://ali-cdn.educoder.net/images/avatars/HomeDiscipline/27?t=1612190548"></img>
</a>
</div>
</div>
</div>
</div>
</div>
);
}
}

7
src/pages/center4.js
Unescape View File

@ -0,0 +1,7 @@
import React, { Component } from "react";
export default class Center4 extends Component {
render() {
return <div></div>;
}
}

7
src/pages/center5.js
Unescape View File

@ -0,0 +1,7 @@
import React, { Component } from "react";
export default class Center5 extends Component {
render() {
return <div></div>;
}
}

81
src/pages/index.css
Unescape View File

@ -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%;
}

4
src/pages/index.tsx
Unescape View File

@ -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() {
{<Center1></Center1>}
{<Center2></Center2>}
{<Center3></Center3>}
{<Center4></Center4>}
{<Center5></Center5>}
</div>
);
}

Write Preview
Loading…
Cancel
Save