更改文件目录

src/pages/component/component1/menu.js

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
-import "./index.css";
+import "../../index.css";
 
-export default class Menu extends Component {
+export default class Caidan extends Component {
   state = {
     list: [
       {

src/pages/component/component2/center1.css

@@ -0,0 +1,67 @@
+.center1{
+    
+    width: 100%;
+    float: left;
+    height: 345px;
+    margin-top: 30px;
+}
+.center1_main{
+    border-radius: 8px ;
+    height: 345px;
+    width: 1200px;
+    margin: 0 auto;
+    position: relative;
+    overflow: hidden;
+}
+.center1_main_left{
+    list-style: none ;
+    border-radius: 8px 0 0 8px;
+    height: 345px;
+    width: 160px;
+    padding: 10px 20px 0 20px ;
+    background: black ;
+    margin-bottom: 0px;
+    border-right: 0px;
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 2;
+}
+.center1_main_left_box{
+    margin-right: 20px;
+    color: #fff;
+    width: 120px;
+    height: 40px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid #4b4b4b;
+    font-size: 12px;
+    padding: 0!important;
+}
+.center1_main_left_box .ant-menu-submenu-title{
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+.center1_main_left_box .ant-menu-submenu-arrow{
+    right: 0;
+}
+.center1_picture{
+    height: 345px;
+    width: 1200px;
+    line-height: 345px;
+    text-align: center;
+    float: left;
+    background: blue;
+    margin-bottom: 0px;
+}
+.center1_picture img{
+    width: 100%;
+    height:100%;
+}
+
+.center1_picture .ant-carousel .slick-list .slick-track{
+    height: 345px;
+}

src/pages/component/component2/center1.js

@@ -1,6 +1,6 @@
 import React, { Component } from "react";
 import { Carousel } from "antd";
-import "./index.css";
+import "./center1.css";
 import { Menu } from "antd";
 import {
   MailOutlined,

src/pages/component/component3/center2.js

@@ -1,9 +1,9 @@
 import React, { Component } from "react";
-import Page1 from "./page1";
-import Page2 from "./page2";
-import Page3 from "./page3";
-import Page4 from "./page4";
-import Page5 from "./page5";
+import Page1 from "./component/page1";
+import Page2 from "./component/page2";
+import Page3 from "./component/page3";
+import Page4 from "./component/page4";
+import Page5 from "./component/page5";
 
 export default class Center2 extends Component {
   state = {
@@ -30,6 +30,7 @@ export default class Center2 extends Component {
       },
     ],
     current: 0,
+    availTime: 0,
   };
   render() {
     return (

src/pages/component/component3/component/page1.js

@@ -7,27 +7,27 @@ export default class Page1 extends Component {
         <div className="center2_page1_left">
           <h3>云端编程环境特点</h3>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>图文、视频、Latex</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>VS Code编程环境</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>Online Judge（OJ）模式</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>代码自动推荐</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>可定制测试集</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>自动化部署、测试、反馈</span>
           </p>
           <h3 style={{ marginTop: "20px" }}>可定制运行环境</h3>
@@ -46,7 +46,7 @@ export default class Page1 extends Component {
           </div>
         </div>
         <div className="center2_page1_right">
-          <img src={require("../img/2.png")}></img>
+          <img src={require("../../../../assets/img/2.png")}></img>
           <video
             src="https://video.educoder.net/sv/20821c44-1775248f8e1/20821c44-1775248f8e1.mp4"
             autoplay="autoplay"

src/pages/component/component3/component/page2.js

@@ -7,31 +7,31 @@ export default class Page2 extends Component {
         <div className="center2_page1_left" style={{ float: "right" }}>
           <h3>远程桌面特点</h3>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>图文、视频、Latex</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>图形化操作系统</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>可配置应用软件和模拟器</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>可定制测试集</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>自动化部署、测试、反馈</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>大规模并发实验</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>支持一流课程建设</span>
           </p>
           <h3 style={{ marginTop: "20px" }}>可定制运行环境</h3>
@@ -50,7 +50,7 @@ export default class Page2 extends Component {
           </div>
         </div>
         <div className="center2_page1_right">
-          <img src={require("../img/2.png")}></img>
+          <img src={require("../../../../assets/img/2.png")}></img>
           <video
             src="https://video.educoder.net/sv/28357c10-1775907ad78/28357c10-1775907ad78.mp4"
             autoplay="autoplay"

src/pages/component/component3/component/page3.js

@@ -7,27 +7,27 @@ export default class Page3 extends Component {
         <div className="center2_page1_left">
           <h3>远程命令行环境</h3>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>标准Linux Shell命令</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>命令操作全程记录</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>可配置命令行应用程序</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>可配置命令行模拟器</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>自动化部署、测试、反馈</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>支持一流课程建设</span>
           </p>
           <h3 style={{ marginTop: "20px" }}>可定制运行环境</h3>
@@ -46,7 +46,7 @@ export default class Page3 extends Component {
           </div>
         </div>
         <div className="center2_page1_right">
-          <img src={require("../img/2.png")}></img>
+          <img src={require("../../../../assets/img/2.png")}></img>
           <video
             src="https://video.educoder.net/sv/4fdca3e8-17752499adf/4fdca3e8-17752499adf.mp4"
             autoplay="autoplay"

src/pages/component/component3/component/page4.js

@@ -7,27 +7,27 @@ export default class Page4 extends Component {
         <div className="center2_page1_left" style={{ float: "right" }}>
           <h3>虚拟仿真项目特点</h3>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>三维动画教学</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>命令操作全程记录</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>构件化、可组装虚拟场景</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>自动化评测、反馈</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>大规模并发仿真实验</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>支持虚拟仿真项目建设</span>
           </p>
           <h3 style={{ marginTop: "20px" }}>可定制运行环境</h3>
@@ -46,7 +46,7 @@ export default class Page4 extends Component {
           </div>
         </div>
         <div className="center2_page1_right">
-          <img src={require("../img/2.png")}></img>
+          <img src={require("../../../../assets/img/2.png")}></img>
           <video
             src="https://video.educoder.net/sv/5490aa0d-17759081e1d/5490aa0d-17759081e1d.mp4"
             autoplay="autoplay"

src/pages/component/component3/component/page5.js

@@ -7,27 +7,27 @@ export default class Page5 extends Component {
         <div className="center2_page1_left">
           <h3>Jupyter NoteBook环境</h3>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>代码编辑与结果展示同步</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>富媒体展示计算结果</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>模块化执行</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>支持Latex、Markdown</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>200种可选运行环境</span>
           </p>
           <p>
-            <img src={require("../img/1.png")}></img>
+            <img src={require("../../../../assets/img/1.png")}></img>
             <span>自动化部署、测试、反馈</span>
           </p>
           <h3 style={{ marginTop: "20px" }}>可定制运行环境</h3>
@@ -46,7 +46,7 @@ export default class Page5 extends Component {
           </div>
         </div>
         <div className="center2_page1_right">
-          <img src={require("../img/2.png")}></img>
+          <img src={require("../../../../assets/img/2.png")}></img>
           <video
             src="https://video.educoder.net/sv/3fcef362-17759076bd9/3fcef362-17759076bd9.mp4"
             autoplay="autoplay"

src/pages/component/component5/center4.js

@@ -16,7 +16,7 @@ export default class Center4 extends Component {
           </div>
           <div className="center4_main_box2">
             <div className="center4_main_box2_box">
-              <img src={require("../img/3.png")}></img>
+              <img src={require("../../../assets/img/3.png")}></img>
               <div>
                 <h4>课堂灵活组织</h4>
                 <h6>
@@ -25,7 +25,7 @@ export default class Center4 extends Component {
               </div>
             </div>
             <div className="center4_main_box2_box">
-              <img src={require("../img/4.png")}></img>
+              <img src={require("../../../assets/img/4.png")}></img>
               <div>
                 <h4>作业自动管理</h4>
                 <h6>
@@ -34,7 +34,7 @@ export default class Center4 extends Component {
               </div>
             </div>
             <div className="center4_main_box2_box">
-              <img src={require("../img/5.png")}></img>
+              <img src={require("../../../assets/img/5.png")}></img>
               <div>
                 <h4>分组协同开发</h4>
                 <h6>
@@ -43,7 +43,7 @@ export default class Center4 extends Component {
               </div>
             </div>
             <div className="center4_main_box2_box">
-              <img src={require("../img/6.png")}></img>
+              <img src={require("../../../assets/img/6.png")}></img>
               <div>
                 <h4>考试与防作弊</h4>
                 <h6>
@@ -52,7 +52,7 @@ export default class Center4 extends Component {
               </div>
             </div>
             <div className="center4_main_box2_box">
-              <img src={require("../img/7.png")}></img>
+              <img src={require("../../../assets/img/7.png")}></img>
               <div>
                 <h4>结果导向统计</h4>
                 <h6>
@@ -61,7 +61,7 @@ export default class Center4 extends Component {
               </div>
             </div>
             <div className="center4_main_box2_box">
-              <img src={require("../img/8.png")}></img>
+              <img src={require("../../../assets/img/8.png")}></img>
               <div>
                 <h4>工程教育认证</h4>
                 <h6>

src/pages/component/component6/center5.js

@@ -14,31 +14,31 @@ export default class Center5 extends Component {
             </p>
             <div className="center5_main_box_box1">
               <a target={"_blank"} href="https://www.nudt.edu.cn">
-                <img src={require("../img/9.png")}></img>
+                <img src={require("../../../assets/img/9.png")}></img>
               </a>
               <a target={"_blank"} href="https://www.pku.edu.cn">
-                <img src={require("../img/10.png")}></img>
+                <img src={require("../../../assets/img/10.png")}></img>
               </a>
               <a target={"_blank"} href="https://www.tsinghua.edu.cn">
-                <img src={require("../img/11.png")}></img>
+                <img src={require("../../../assets/img/11.png")}></img>
               </a>
               <a target={"_blank"} href="https://www.fudan.edu.cn">
-                <img src={require("../img/12.png")}></img>
+                <img src={require("../../../assets/img/12.png")}></img>
               </a>
               <a target={"_blank"} href="https://www.sjtu.edu.cn">
-                <img src={require("../img/13.png")}></img>
+                <img src={require("../../../assets/img/13.png")}></img>
               </a>
               <a target={"_blank"} href="https://www.ustc.edu.cn">
-                <img src={require("../img/14.png")}></img>
+                <img src={require("../../../assets/img/14.png")}></img>
               </a>
               <a target={"_blank"} href="https://www.hust.edu.cn">
-                <img src={require("../img/15.png")}></img>
+                <img src={require("../../../assets/img/15.png")}></img>
               </a>
               <a target={"_blank"} href="http://www.hnkjxy.net.cn">
-                <img src={require("../img/16.png")}></img>
+                <img src={require("../../../assets/img/16.png")}></img>
               </a>
               <a target={"_blank"} href="http://www.hnjdzy.net">
-                <img src={require("../img/17.png")}></img>
+                <img src={require("../../../assets/img/17.png")}></img>
               </a>
             </div>
             <div className="center5_main_box_box2">
@@ -46,31 +46,31 @@ export default class Center5 extends Component {
                 target={"_blank"}
                 href="http://www.10086.cn/index/hn/index_731_731.html"
               >
-                <img src={require("../img/18.png")}></img>
+                <img src={require("../../../assets/img/18.png")}></img>
               </a>
               <a
                 target={"_blank"}
                 href="https://www.huawei.com/cn/?ic_medium=direct&ic_source=surlent"
               >
-                <img src={require("../img/19.png")}></img>
+                <img src={require("../../../assets/img/19.png")}></img>
               </a>
               <a target={"_blank"} href="https://cloud.inspur.com">
-                <img src={require("../img/20.png")}></img>
+                <img src={require("../../../assets/img/20.png")}></img>
               </a>
               <a target={"_blank"} href="https://www.amazon.cn">
-                <img src={require("../img/21.png")}></img>
+                <img src={require("../../../assets/img/21.png")}></img>
               </a>
               <a
                 target={"_blank"}
                 href="https://www.alibabagroup.com/cn/global/home"
               >
-                <img src={require("../img/22.png")}></img>
+                <img src={require("../../../assets/img/22.png")}></img>
               </a>
               <a target={"_blank"} href="https://www.ucloud.cn">
-                <img src={require("../img/23.png")}></img>
+                <img src={require("../../../assets/img/23.png")}></img>
               </a>
               <a target={"_blank"} href="https://www.lenovo.com.cn">
-                <img src={require("../img/24.png")}></img>
+                <img src={require("../../../assets/img/24.png")}></img>
               </a>
             </div>
             <div className="center5_main_box_box3">试用申请</div>

src/pages/index.css

@@ -32,71 +32,7 @@
 }
 
 
-.center1{
-    width: 100%;
-    float: left;
-    height: 345px;
-    margin-top: 30px;
-}
-.center1_main{
-    border-radius: 8px ;
-    height: 345px;
-    width: 1200px;
-    margin: 0 auto;
-    position: relative;
-}
-.center1_main_left{
-    list-style: none;
-    border-radius: 8px 0 0 8px;
-    height: 345px;
-    width: 160px;
-    padding: 10px 20px 0 20px;
-    background: black;
-    margin-bottom: 0px;
-    border-right: 0px;
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 2;
-}
-.center1_main_left_box{
-    margin-right: 20px;
-    color: #fff;
-    width: 120px;
-    height: 40px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: 1px solid #4b4b4b;
-    font-size: 12px;
-    padding: 0!important;
-}
-.center1_main_left_box .ant-menu-submenu-title{
-    margin: 0;
-    padding: 0;
-    width: 100%;
-}
-.center1_main_left_box .ant-menu-submenu-arrow{
-    right: 0;
-}
-.center1_picture{
-    height: 345px;
-    width: 1200px;
-    line-height: 345px;
-    text-align: center;
-    float: left;
-    background: blue;
-    margin-bottom: 0px;
-}
-.center1_picture img{
-    width: 100%;
-    height:100%;
-}
 
-.center1_picture .ant-carousel .slick-list .slick-track{
-    height: 345px;
-}
 
 .center2{
     margin: 0 auto;

src/pages/index.tsx

@@ -1,17 +1,17 @@
 import styles from "./index.less";
 import { Carousel } from "antd";
 import "./index.css";
-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";
+import Caidan from "./component/component1/menu.js";
+import Center1 from "./component/component2/center1.js";
+import Center2 from "./component/component3/center2.js";
+import Center3 from "./component/component4/center3.js";
+import Center4 from "./component/component5/center4.js";
+import Center5 from "./component/component6/center5.js";
 
 export default function IndexPage() {
   return (
     <div>
-      {<Menu></Menu>}
+      {<Caidan></Caidan>}
       {<Center1></Center1>}
       {<Center2></Center2>}
       {<Center3></Center3>}