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

View File

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

View File

@ -37,57 +37,57 @@
.div8b9 .gitlink{width: 180px;}
.div8b9 .xjy{width: 200px;}
}
.cont2>div>div{
width:156px;
height:87px;
padding: 12px 20px;
margin-right: 50px;
>img{width: 110px;
margin: 0 auto;}
>.bor{
width: 100px;
height: 2px;
margin: 0 auto;
}
>p{
width: auto;
font-size: 12px;
margin: 2px auto;
text-align: center;}
}
.cont2>div{
display: flex;
margin-top: 30px;
>div{border-radius:4px;
&:hover{
box-shadow:0px 0px 10px rgba(255, 255, 255, 0.76);
}}
&.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%);
border:1px solid #c4bfba;
>.bor{background-image:linear-gradient(242.92deg,#f9e9b1 0%,#fff2d2 52.29%,#ebcc90 100%);}
}
&.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%);
border:1px solid #dbdbdd;
>.bor{background-color:#ffffff;}
>.op83{
color:#000000;
opacity: .83;
}
}
&.three_sponsor>div{
background-image:linear-gradient(135.33deg,#ba973a 0%,#c7a948 21.34%,#d1ae33 47.69%,#ffdb72 72.15%,#b37907 100%);
border:1px solid #efe3ca;
>.bor{background-image:linear-gradient(242.92deg,#f9e9b1 0%,#fff2d2 52.29%,#ebcc90 100%);}
}
&.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%);
border:1px solid #dbdbdd;
>.bor{background-color:#ffffff;}
// >p{color: #000000;}
}
}
// .cont2>div>div{
// width:156px;
// height:87px;
// padding: 12px 20px;
// margin-right: 50px;
// >img{width: 110px;
// margin: 0 auto;}
// >.bor{
// width: 100px;
// height: 2px;
// margin: 0 auto;
// }
// >p{
// width: auto;
// font-size: 12px;
// margin: 2px auto;
// text-align: center;}
// }
// .cont2>div{
// display: flex;
// margin-top: 30px;
// >div{border-radius:4px;
// &:hover{
// box-shadow:0px 0px 10px rgba(255, 255, 255, 0.76);
// }}
// &.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%);
// border:1px solid #c4bfba;
// >.bor{background-image:linear-gradient(242.92deg,#f9e9b1 0%,#fff2d2 52.29%,#ebcc90 100%);}
// }
// &.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%);
// border:1px solid #dbdbdd;
// >.bor{background-color:#ffffff;}
// >.op83{
// color:#000000;
// opacity: .83;
// }
// }
// &.three_sponsor>div{
// background-image:linear-gradient(135.33deg,#ba973a 0%,#c7a948 21.34%,#d1ae33 47.69%,#ffdb72 72.15%,#b37907 100%);
// border:1px solid #efe3ca;
// >.bor{background-image:linear-gradient(242.92deg,#f9e9b1 0%,#fff2d2 52.29%,#ebcc90 100%);}
// }
// &.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%);
// border:1px solid #dbdbdd;
// >.bor{background-color:#ffffff;}
// // >p{color: #000000;}
// }
// }
.cont3>div{
display: flex;
flex-wrap: wrap;
@ -101,11 +101,15 @@
align-items: center;
justify-content: center;
margin: 0 20px 20px 0;
&.sponsor{
margin-bottom: 0;
}
&:hover{
cursor: pointer;
box-shadow:0px 0px 10px rgba(255, 255, 255, 0.76);
}
>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 = {
curPage: 1,
keyword,
pageSize: 20
pageSize: 10000
}
projectList(params).then(response=>{
if(response && response.message === "success"){