From eb254de9fde8110887b29380d5a13db96b2a16a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B0=A2=E6=80=9D?= <2897217417@qq.com>
Date: Tue, 14 Dec 2021 13:52:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=99=E5=AD=A6=E5=AE=9E=E8=B7=B5=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E9=A1=B6=E9=83=A8=E5=A2=9E=E5=8A=A0=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/forge/TeachingPractice/Teaching.jsx  | 11 +++++++----
 src/forge/TeachingPractice/Teaching.scss | 10 +++++++++-
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/forge/TeachingPractice/Teaching.jsx b/src/forge/TeachingPractice/Teaching.jsx
index 168aa7bcb..774d99e29 100644
--- a/src/forge/TeachingPractice/Teaching.jsx
+++ b/src/forge/TeachingPractice/Teaching.jsx
@@ -24,15 +24,16 @@ function Teaching(){
     <div className="teaching">
       <div className="tea_head">
         <div>
-          <div className='head_til1'>大规模实训课程体系</div>
-          <div className='head_til2'>集成化班级协同空间</div>
-          <div className='head_til3'>多联盟共建开源竞赛</div>
+          <a href="#teaching_part1"><div className='head_til1'>大规模实训课程体系</div></a>
+          <a href="#teaching_part2"><div className='head_til2'>集成化班级协同空间</div></a>
+          <a href="#teaching_part3"><div className='head_til3'>多联盟共建开源竞赛</div></a>
         </div>
-        <img src={head} />
+        <img src={head} onClick={() => window.open('https://www.educoder.net', '_blank')}/>
       </div>
 
       {/* 大规模实训课程体系 */}
       <div className="tea_part1">
+        <span id='teaching_part1'></span>
         <p className="tea_title">大规模实训课程体系</p>
         <p className="tips">谢绝纸上谈兵，精心打造教学、标注、练平一体化的实战环境</p>
         <div className="tea_small_title">
@@ -95,6 +96,7 @@ function Teaching(){
 
       {/* 集成化班级协同空间 */}
       <div className="tea_part2_bg">
+        <span id='teaching_part2'></span>
         <div className="tea_part2">
           <p className="tea_title">集成化班级协同空间</p>
           <p className="tips">支持实验、作业、视频、考试、毕设等十余种线上线下管理工具</p>
@@ -177,6 +179,7 @@ function Teaching(){
 
       {/* 多联盟共建开源竞赛 */}
       <div className="tea_part3_bg">
+        <span id='teaching_part3'></span>
         <div className="tea_part3">
           <p className="tea_title">多联盟共建开源竞赛</p>
           <p className="tips">聚焦开源定期开展有奖大型竞赛，让您的作品伴随您成长</p>
diff --git a/src/forge/TeachingPractice/Teaching.scss b/src/forge/TeachingPractice/Teaching.scss
index e57ff50e5..71eff5057 100644
--- a/src/forge/TeachingPractice/Teaching.scss
+++ b/src/forge/TeachingPractice/Teaching.scss
@@ -26,9 +26,17 @@
       &:hover{opacity: 0.8; }
     }
   }
-  & .tea_part1 .vertical:hover, .tea_part2 .vertical:hover, .tea_part3 .content:hover, .practice div{
+  & .tea_part1 .vertical:hover, .tea_part2 .vertical:hover, .tea_part3 .content:hover, .practice div, .tea_head>div div, .tea_head>img{
     cursor: pointer;
   }
+  & .tea_part1>span{
+    position: relative;
+    top: -100px;
+  }
+  & .tea_part2_bg>span, .tea_part3_bg>span{
+    position: relative;
+    top: -50px;
+  }
 }
 .tea_head{
   display: flex;