glcc赞助商

This commit is contained in:
何童崇 2022-05-26 14:47:01 +08:00 committed by caishi
parent 943bb18edf
commit 4efb81b587
11 changed files with 96 additions and 125 deletions

View File

@ -53,7 +53,7 @@ export default (props) => {
<div className="apply project"> <div className="apply project">
<div> <div>
<img src={apply1} alt="" className="applyIcon"/> <img src={apply1} alt="" className="applyIcon"/>
<span className="hover-none"><span className="til">项目报名</span> ></span> <span className="hover-none"><span className="til">项目报名</span> </span>
<span className="hover-show">项目报名已截止</span> <span className="hover-show">项目报名已截止</span>
</div> </div>
<div className="pt6">项目报名开启导师席位虚位以待</div> <div className="pt6">项目报名开启导师席位虚位以待</div>
@ -62,7 +62,7 @@ export default (props) => {
<div className="apply" onClick={goToStudent}> <div className="apply" onClick={goToStudent}>
<div> <div>
<img src={apply2} alt="" className="applyIcon"/> <img src={apply2} alt="" className="applyIcon"/>
<span className="til">学生报名</span> > <span className="til">学生报名</span>
</div> </div>
<div className="pt6">选择感兴趣的课题开启您的开源之旅</div> <div className="pt6">选择感兴趣的课题开启您的开源之旅</div>
</div> </div>

View File

@ -3,6 +3,15 @@ import './index.scss';
import ccf from '../../img/ccf_logo.png'; import ccf from '../../img/ccf_logo.png';
import gitlink from '../../img/gitlink.png'; import gitlink from '../../img/gitlink.png';
import xjy from '../../img/xjy.png'; import xjy from '../../img/xjy.png';
import sponsor11 from '../../img/sponsor11.png';
import sponsor21 from '../../img/sponsor21.png';
import sponsor22 from '../../img/sponsor22.png';
import sponsor23 from '../../img/sponsor23.png';
import sponsor31 from '../../img/sponsor31.png';
import sponsor32 from '../../img/sponsor32.png';
import sponsor41 from '../../img/sponsor41.png';
import log34 from '../../img/34@2x.png'; import log34 from '../../img/34@2x.png';
import log35 from '../../img/35@2x.png'; import log35 from '../../img/35@2x.png';
import log36 from '../../img/36@2x.png'; import log36 from '../../img/36@2x.png';
@ -50,81 +59,39 @@ function Partner() {
</div> </div>
</div> </div>
</div> </div>
{false && <div className='cont cont2'>
赞助商 <div className='cont cont3 mt15'>
{/* 一级赞助商 */} 钻石赞助商
<div className='one_sponsor mt10'> <div className='pt10'>
<div> <div className="sponsor" onClick={()=>{window.open("https://openmmlab.com/")}}><img src={sponsor11} className='gitlink' alt='OpenMMLab'/></div>
<img src={gitlink} className='gitlink'/>
<p className='bor'></p>
<p>钻石赞助商</p>
</div>
<div>
<img src={gitlink} className='gitlink'/>
<p className='bor'></p>
<p>钻石赞助商</p>
</div>
<div>
<img src={gitlink} className='gitlink'/>
<p className='bor'></p>
<p>钻石赞助商</p>
</div> </div>
</div> </div>
{/* 二级赞助商 */}
<div className='two_sponsor'> <div className='cont cont3 mt15'>
<div> 白金赞助商
<img src={gitlink} className='gitlink'/> <div className='pt10'>
<p className='bor'></p> <div className="sponsor" onClick={()=>{window.open("http://www.baidu.com/")}}><img src={sponsor21} className='gitlink' alt='百度'/></div>
<p className='op83'>铂金赞助商</p> <div className="sponsor" onClick={()=>{window.open("https://www.alibaba.com/")}}><img src={sponsor22} className='gitlink' alt='蚂蚁集团'/></div>
</div> <div className="sponsor" onClick={()=>{window.open("https://www.antgroup.com/")}}><img src={sponsor23} className='gitlink' alt='阿里巴巴'/></div>
<div>
<img src={gitlink} className='gitlink'/>
<p className='bor'></p>
<p className='op83'>铂金赞助商</p>
</div>
<div>
<img src={gitlink} className='gitlink'/>
<p className='bor'></p>
<p className='op83'>铂金赞助商</p>
</div> </div>
</div> </div>
{/* 三级赞助商 */}
<div className='three_sponsor'> <div className='cont cont3 mt15'>
<div> 黄金赞助商
<img src={gitlink} className='gitlink'/> <div className='pt10'>
<p className='bor'></p> <div className="sponsor" onClick={()=>{window.open("https://aws.amazon.com/cn/")}}><img src={sponsor31} className='gitlink' alt='亚马逊云科技'/></div>
<p>黄金赞助商</p> <div className="sponsor" onClick={()=>{window.open("https://www.didiglobal.com/")}}><img src={sponsor32} className='gitlink' alt='滴滴出行'/></div>
</div>
<div>
<img src={gitlink} className='gitlink'/>
<p className='bor'></p>
<p>黄金赞助商</p>
</div>
<div>
<img src={gitlink} className='gitlink'/>
<p className='bor'></p>
<p>黄金赞助商</p>
</div> </div>
</div> </div>
{/* 四级赞助商 */}
<div className='four_sponsor'> <div className='cont cont3 mt15'>
<div> 白银赞助商
<img src={gitlink} className='gitlink'/> <div className='pt10'>
<p className='bor'></p> <div className="sponsor" onClick={()=>{window.open("https://www.bytedance.com/")}}><img src={sponsor41} className='gitlink' alt='字节跳动'/></div>
<p>白银赞助商</p>
</div>
<div>
<img src={gitlink} className='gitlink'/>
<p className='bor'></p>
<p>白银赞助商</p>
</div>
<div>
<img src={gitlink} className='gitlink'/>
<p className='bor'></p>
<p>白银赞助商</p>
</div> </div>
</div> </div>
</div>}
<div className='cont cont3 mt15'> <div className='cont cont3 mt15'>
参与高校 参与高校
<div className='pt10'> <div className='pt10'>

View File

@ -37,57 +37,57 @@
.div8b9 .gitlink{width: 180px;} .div8b9 .gitlink{width: 180px;}
.div8b9 .xjy{width: 200px;} .div8b9 .xjy{width: 200px;}
} }
.cont2>div>div{ // .cont2>div>div{
width:156px; // width:156px;
height:87px; // height:87px;
padding: 12px 20px; // padding: 12px 20px;
margin-right: 50px; // margin-right: 50px;
>img{width: 110px; // >img{width: 110px;
margin: 0 auto;} // margin: 0 auto;}
>.bor{ // >.bor{
width: 100px; // width: 100px;
height: 2px; // height: 2px;
margin: 0 auto; // margin: 0 auto;
} // }
>p{ // >p{
width: auto; // width: auto;
font-size: 12px; // font-size: 12px;
margin: 2px auto; // margin: 2px auto;
text-align: center;} // text-align: center;}
} // }
.cont2>div{ // .cont2>div{
display: flex; // display: flex;
margin-top: 30px; // margin-top: 30px;
>div{border-radius:4px; // >div{border-radius:4px;
&:hover{ // &:hover{
box-shadow:0px 0px 10px rgba(255, 255, 255, 0.76); // box-shadow:0px 0px 10px rgba(255, 255, 255, 0.76);
}} // }}
&.one_sponsor>div{ // &.one_sponsor>div{
background-image:linear-gradient(135.33deg,#333333 0%,#474747 21.34%,#929292 44.35%,#575757 61.08%,#444444 75.73%,#212121 100%); // background-image:linear-gradient(135.33deg,#333333 0%,#474747 21.34%,#929292 44.35%,#575757 61.08%,#444444 75.73%,#212121 100%);
border:1px solid #c4bfba; // border:1px solid #c4bfba;
>.bor{background-image:linear-gradient(242.92deg,#f9e9b1 0%,#fff2d2 52.29%,#ebcc90 100%);} // >.bor{background-image:linear-gradient(242.92deg,#f9e9b1 0%,#fff2d2 52.29%,#ebcc90 100%);}
} // }
&.two_sponsor>div{ // &.two_sponsor>div{
background-image:linear-gradient(135.33deg,#ffffff 0%,#d8d8d8 21.34%,#aeaeae 34.31%,#fcfcfc 47.69%,#bbbbbb 64.44%,#f2f2f2 81.59%,#828282 100%); // background-image:linear-gradient(135.33deg,#ffffff 0%,#d8d8d8 21.34%,#aeaeae 34.31%,#fcfcfc 47.69%,#bbbbbb 64.44%,#f2f2f2 81.59%,#828282 100%);
border:1px solid #dbdbdd; // border:1px solid #dbdbdd;
>.bor{background-color:#ffffff;} // >.bor{background-color:#ffffff;}
>.op83{ // >.op83{
color:#000000; // color:#000000;
opacity: .83; // opacity: .83;
} // }
} // }
&.three_sponsor>div{ // &.three_sponsor>div{
background-image:linear-gradient(135.33deg,#ba973a 0%,#c7a948 21.34%,#d1ae33 47.69%,#ffdb72 72.15%,#b37907 100%); // background-image:linear-gradient(135.33deg,#ba973a 0%,#c7a948 21.34%,#d1ae33 47.69%,#ffdb72 72.15%,#b37907 100%);
border:1px solid #efe3ca; // border:1px solid #efe3ca;
>.bor{background-image:linear-gradient(242.92deg,#f9e9b1 0%,#fff2d2 52.29%,#ebcc90 100%);} // >.bor{background-image:linear-gradient(242.92deg,#f9e9b1 0%,#fff2d2 52.29%,#ebcc90 100%);}
} // }
&.four_sponsor>div{ // &.four_sponsor>div{
background-image:linear-gradient(135.33deg,#636363 0%,#bebebe 21.34%,#979797 43.51%,#9c9c9c 61.08%,#8d8d8d 75.73%,#727272 100%); // background-image:linear-gradient(135.33deg,#636363 0%,#bebebe 21.34%,#979797 43.51%,#9c9c9c 61.08%,#8d8d8d 75.73%,#727272 100%);
border:1px solid #dbdbdd; // border:1px solid #dbdbdd;
>.bor{background-color:#ffffff;} // >.bor{background-color:#ffffff;}
// >p{color: #000000;} // // >p{color: #000000;}
} // }
} // }
.cont3>div{ .cont3>div{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -101,11 +101,15 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: 0 20px 20px 0; margin: 0 20px 20px 0;
&.sponsor{
margin-bottom: 0;
}
&:hover{ &:hover{
cursor: pointer; cursor: pointer;
box-shadow:0px 0px 10px rgba(255, 255, 255, 0.76); box-shadow:0px 0px 10px rgba(255, 255, 255, 0.76);
} }
>img{width: 95%;} >img{width: 95%;}
} }
} }
} }

BIN
src/glcc/img/sponsor11.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/glcc/img/sponsor21.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/glcc/img/sponsor22.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
src/glcc/img/sponsor23.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
src/glcc/img/sponsor31.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
src/glcc/img/sponsor32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
src/glcc/img/sponsor41.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -20,7 +20,7 @@ function ProjectList({applyTaskId, current_user, showLoginDialog, isStudentApply
const params = { const params = {
curPage: 1, curPage: 1,
keyword, keyword,
pageSize: 20 pageSize: 10000
} }
projectList(params).then(response=>{ projectList(params).then(response=>{
if(response && response.message === "success"){ if(response && response.message === "success"){