Merge branch 'dev_dp' of https://bdgit.educoder.net/pu428f3pz/InternshipProject into dev_dp

src/pages/tg-head/src/index.css

@@ -124,6 +124,10 @@ video{
   margin-left: 50px;
   font-size: 1.2em;
 }
+.box3One:hover{
+      border:darkturquoise 1px solid;
+      border-radius: 5%;
+}
 .box4{
   height: 486px;
   width: 1300px;
@@ -148,3 +152,6 @@ video{
 .box4Two{
   float: right;
 }
+.box4Four{
+  color: darkgray;
+}

src/pages/tg-head/src/index.js

@@ -80,11 +80,11 @@ let head = (
       <p className='box2One'>Heterogeneous Architecture Practice Runtime Environments</p>
     </div>
     <div className='box4'>
-  <Tabs defaultActiveKey="1" centered>
+  <Tabs defaultActiveKey="1" centered className='box3One'>
     <TabPane tab="云端编程环境" key="1" className='box3One'>
     <div className='box4One'>
         <h2>云端编程环境特点</h2>
-        <ul>
+        <ul className='box4Four'>
           <li>图文、视频、Latex</li>
           <li>VS Code编程环境</li>
           <li>Online Judge（OJ）模式</li>
@@ -93,8 +93,8 @@ let head = (
           <li>自动化部署、测试、反馈</li>
         </ul>
         <h2>可定制运行环境</h2>
-        <p>CentOS、Ubuntu、Python、Matplotlib</p>
-        <p>Pandas、Numpy、Scrapy … …</p>
+        <p className='box4Four'>CentOS、Ubuntu、Python、Matplotlib</p>
+        <p className='box4Four'>Pandas、Numpy、Scrapy … …</p>
         <Button type="primary">社区支持</Button>
         <Button type="primary">立即体验</Button>
       </div>
@@ -109,7 +109,7 @@ let head = (
     <TabPane tab="远程桌面" key="2" className='box3One'>
     <div className='box4One'>
         <h2>远程桌面特点</h2>
-        <ul>
+        <ul className='box4Four'>
           <li>图形化操作系统</li>
           <li>可配置应用软件和模拟器</li>
           <li>可定制测试集</li>
@@ -118,8 +118,8 @@ let head = (
           <li>支持一流课程建设</li>
         </ul>
         <h2>可定制运行环境</h2>
-        <p>CentOS、Ubuntu、 Windows、 Kylin OS</p>
-        <p>Wireshark、Vscode、GN3 … …</p>
+        <p className='box4Four'>CentOS、Ubuntu、 Windows、 Kylin OS</p>
+        <p className='box4Four'>Wireshark、Vscode、GN3 … …</p>
         <Button type="primary">社区支持</Button>
         <Button type="primary">立即体验</Button>
       </div>
@@ -134,7 +134,7 @@ let head = (
     <TabPane tab="远程命令行" key="3" className='box3One'>
     <div className='box4One'>
         <h2>远程命令行环境</h2>
-        <ul>
+        <ul className='box4Four'>
           <li>标准Linux Shell命令</li>
           <li>命令操作全程记录</li>
           <li>可配置命令行应用程序</li>
@@ -143,8 +143,8 @@ let head = (
           <li>支持一流课程建设</li>
         </ul>
         <h2>可定制运行环境</h2>
-        <p>CentOS、Ubuntu、Python、Vim、Docker</p>
-        <p>SSH、Git、Hadoop、Hive … …</p>
+        <p className='box4Four'>CentOS、Ubuntu、Python、Vim、Docker</p>
+        <p className='box4Four'>SSH、Git、Hadoop、Hive … …</p>
         <Button type="primary">社区支持</Button>
         <Button type="primary">立即体验</Button>
       </div>
@@ -159,7 +159,7 @@ let head = (
     <TabPane tab="虚拟仿真" key="4" className='box3One'>
     <div className='box4One'>
         <h2>虚拟仿真项目特点</h2>
-        <ul>
+        <ul className='box4Four'>
           <li>三维动画教学</li>
           <li>可编程驱动动画行为</li>
           <li>构件化、可组装虚拟场景</li>
@@ -168,8 +168,8 @@ let head = (
           <li>支持虚拟仿真项目建设</li>
         </ul>
         <h2>可定制运行环境</h2>
-        <p>Ubuntu、CentOS、WebGL、Python</p>
-        <p>Java、C#、ThreeJS、Unity … …</p>
+        <p className='box4Four'>Ubuntu、CentOS、WebGL、Python</p>
+        <p className='box4Four'>Java、C#、ThreeJS、Unity … …</p>
         <Button type="primary">社区支持</Button>
         <Button type="primary">立即体验</Button>
       </div>
@@ -184,7 +184,7 @@ let head = (
     <TabPane tab="交互式笔记" key="5" className='box3One'>
     <div className='box4One'>
         <h2>Jupyter NoteBook环境</h2>
-        <ul>
+        <ul className='box4Four'>
           <li>代码编辑与结果展示同步</li>
           <li>富媒体展示计算结果</li>
           <li>模块化执行</li>
@@ -193,8 +193,8 @@ let head = (
           <li>自动化部署、测试、反馈</li>
         </ul>
         <h2>可定制运行环境</h2>
-        <p>CentOS、openEuler、TensorFlow、Python</p>
-        <p>MindSpore、Spark、Ubuntu … …</p>
+        <p className='box4Four'>CentOS、openEuler、TensorFlow、Python</p>
+        <p className='box4Four'>MindSpore、Spark、Ubuntu … …</p>
         <Button type="primary">社区支持</Button>
         <span></span>
         <Button type="primary">立即体验</Button>