glcc赞助商
|
@ -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>
|
||||||
|
|
|
@ -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'>
|
||||||
|
|
|
@ -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%;}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 4.2 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 12 KiB |
|
@ -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"){
|
||||||
|
|