Gitlink
/
forgeplus-react
39
0
Fork 30
Code Issues Pull Requests Releases 1 Wiki Activity

教学实践优化

This commit is contained in:
谢思 2021-12-13 13:19:26 +08:00
parent 29d74526d1
commit 63971edc44
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/forge/TeachingPractice/Teaching.jsx
View File

@ -82,14 +82,14 @@ function Teaching(){
<a href='https://www.educoder.net/shixuns' target='_blank'>查看更多<i className="iconfont icon-jiantou1 font-12 ml8"></i></a> <a href='https://www.educoder.net/shixuns' target='_blank'>查看更多<i className="iconfont icon-jiantou1 font-12 ml8"></i></a>
</div> </div>
<div className="content practice"> <div className="content practice">
<div><img src={img5} /></div> <div onClick={() => window.location.href = 'https://www.educoder.net/shixuns/zesqa3wi/challenges'}><img src={img5} /></div>
<div><img src={img6} /></div> <div onClick={() => window.location.href = 'https://www.educoder.net/shixuns/ie6zxg7r/challenges'}><img src={img6} /></div>
<div><img src={img7} /></div> <div onClick={() => window.location.href = 'https://www.educoder.net/shixuns/64xb9k2q/challenges'}><img src={img7} /></div>
</div> </div>
<div className="content practice"> <div className="content practice">
<div><img src={img8} /></div> <div onClick={() => window.location.href = 'https://www.educoder.net/shixuns/tb7hw62n/challenges'}><img src={img8} /></div>
<div><img src={img9} /></div> <div onClick={() => window.location.href = 'https://www.educoder.net/shixuns/9vhkc6jf/challenges'}><img src={img9} /></div>
<div><img src={img10} /></div> <div onClick={() => window.location.href = 'https://www.educoder.net/shixuns/5xcigsov/challenges'}><img src={img10} /></div>
</div> </div>
</div> </div>
@ -189,7 +189,7 @@ function Teaching(){
<div className='center'> <div className='center'>
<p className='title'>第四届中国软件开源创新大赛——开源项目创新赛命题组</p> <p className='title'>第四届中国软件开源创新大赛——开源项目创新赛命题组</p>
<p className='tip'>开源项目创新赛聚焦发起或参与开源项目创新开发，设计了命题组和自由组两个组别，其中命题组为参赛团队参与指定开源项目进行贡献。</p> <p className='tip'>开源项目创新赛聚焦发起或参与开源项目创新开发，设计了命题组和自由组两个组别，其中命题组为参赛团队参与指定开源项目进行贡献。</p>
<p>竞赛时间：<span className='col18'>2021-03-31 — 2021-11-30</span></p> <p>竞赛时间：<span className='col18'>2021/03/31 — 2021/11/30</span></p>
<p>报名截至时间：<span className='col18'>2021/11/30 00:00:00</span></p> <p>报名截至时间：<span className='col18'>2021/11/30 00:00:00</span></p>
</div> </div>
<div> <div>
@ -202,7 +202,7 @@ function Teaching(){
<div className='center'> <div className='center'>
<p className='title'>第四届中国软件开源创新大赛——开源项目创新赛自由组</p> <p className='title'>第四届中国软件开源创新大赛——开源项目创新赛自由组</p>
<p className='tip'>开源项目创新赛聚焦发起或参与开源项目创新开发，设计了命题和自由组两个组别，其中自由组为参赛团队将科研成果/论文算法开源到竞赛平台并进行持续创新。</p> <p className='tip'>开源项目创新赛聚焦发起或参与开源项目创新开发，设计了命题和自由组两个组别，其中自由组为参赛团队将科研成果/论文算法开源到竞赛平台并进行持续创新。</p>
<p>竞赛时间：<span className='col18'>2021/03/31 — 2021-11-30</span></p> <p>竞赛时间：<span className='col18'>2021/03/31 — 2021/11/30</span></p>
<p>报名时间：<span className='col18'>2021/11/30 00:00:00</span></p> <p>报名时间：<span className='col18'>2021/11/30 00:00:00</span></p>
</div> </div>
<div> <div>

9
src/forge/TeachingPractice/Teaching.scss
View File

@ -20,7 +20,11 @@
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }
& a{font-size: 14px;} & a{
font-size: 14px;
color: #466AFF;
&: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{
cursor: pointer; cursor: pointer;
@ -31,7 +35,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: #F9FAFD; background-color: #F9FAFD;
margin: 30px auto 50px; padding: 30px 0 50px;
& div{ & div{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -74,6 +78,7 @@
} }
} }
.tea_part1{ .tea_part1{
padding-top: 50px;
& .vertical{ & .vertical{
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.07);
border-radius: 6px; border-radius: 6px;