forked from Gitlink/forgeplus-react
修改glcc首页
This commit is contained in:
parent
e8f48434a8
commit
50fa57188f
|
@ -276,36 +276,36 @@ li.ant-menu-item{
|
||||||
.-task-sidebar {
|
.-task-sidebar {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
right: 10px;
|
right: 30px;
|
||||||
bottom: 80px;
|
bottom: 80px;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 1920px){
|
// @media screen and (max-width: 1920px){
|
||||||
.-task-sidebar{
|
// .-task-sidebar{
|
||||||
right:220px;
|
// right:220px;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
@media screen and (max-width: 1750px){
|
// @media screen and (max-width: 1750px){
|
||||||
.-task-sidebar{
|
// .-task-sidebar{
|
||||||
right:160px;
|
// right:160px;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
@media screen and (max-width: 1650px){
|
// @media screen and (max-width: 1650px){
|
||||||
.-task-sidebar{
|
// .-task-sidebar{
|
||||||
right:115px;
|
// right:115px;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
@media screen and (max-width: 1550px){
|
// @media screen and (max-width: 1550px){
|
||||||
.-task-sidebar{
|
// .-task-sidebar{
|
||||||
right:90px;
|
// right:90px;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
@media screen and (max-width: 1450px){
|
// @media screen and (max-width: 1450px){
|
||||||
.-task-sidebar{
|
// .-task-sidebar{
|
||||||
right:45px;
|
// right:45px;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
@media screen and (max-width: 1200px){
|
@media screen and (max-width: 1200px){
|
||||||
.-task-sidebar{
|
.-task-sidebar{
|
||||||
right:0px;
|
right:0px;
|
||||||
|
|
|
@ -14,7 +14,7 @@ import apply2 from "../img/apply2.png";
|
||||||
import './index.scss';
|
import './index.scss';
|
||||||
|
|
||||||
export default (props) => {
|
export default (props) => {
|
||||||
const { current_user, isGlccApplyDate, showNotification, studentApplyStart } = props;
|
const { current_user, isGlccApplyDate, showNotification, studentApplyStart,history } = props;
|
||||||
function goToApply() {
|
function goToApply() {
|
||||||
if (isGlccApplyDate) {
|
if (isGlccApplyDate) {
|
||||||
if (current_user && current_user.login) {
|
if (current_user && current_user.login) {
|
||||||
|
@ -33,7 +33,7 @@ export default (props) => {
|
||||||
if(!studentApplyStart){
|
if(!studentApplyStart){
|
||||||
showNotification("不在报名时间,报名开始时间为5月26日");
|
showNotification("不在报名时间,报名开始时间为5月26日");
|
||||||
}else{
|
}else{
|
||||||
window.location.href="/glcc/subjects";
|
history.push("/glcc/subjects");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -50,14 +50,14 @@ export default (props) => {
|
||||||
{/* 报名入口 */}
|
{/* 报名入口 */}
|
||||||
<div className="applyBox">
|
<div className="applyBox">
|
||||||
{/* 项目报名 */}
|
{/* 项目报名 */}
|
||||||
<div className="apply project">
|
<Link to="/glcc/projects" 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 className="pt6">项目报名开启,导师席位虚位以待</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div className="pt6">查看夏令营各项目,掌握项目课题详细信息</div>
|
||||||
|
</Link>
|
||||||
{/* 学生报名 */}
|
{/* 学生报名 */}
|
||||||
<div className="apply" onClick={goToStudent}>
|
<div className="apply" onClick={goToStudent}>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
@ -52,16 +52,16 @@
|
||||||
&:hover, &:hover .til{
|
&:hover, &:hover .til{
|
||||||
color:#466aff;
|
color:#466aff;
|
||||||
}
|
}
|
||||||
.hover-show{
|
// .hover-show{
|
||||||
display: none;
|
// display: none;
|
||||||
}
|
// }
|
||||||
&:hover .hover-none, &:hover .pt6{
|
&:hover .pt6{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
&:hover.project{
|
&:hover.project{
|
||||||
background-image:linear-gradient(45deg,#EBEFFF 0%, #E0E4F9 50.63%,#F1F1F1 100%);
|
// background-image:linear-gradient(45deg,#EBEFFF 0%, #E0E4F9 50.63%,#F1F1F1 100%);
|
||||||
box-shadow:0px 0px 6px #466aff;
|
// box-shadow:0px 0px 6px #466aff;
|
||||||
cursor: default;
|
// cursor: default;
|
||||||
.hover-show{
|
.hover-show{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
|
Loading…
Reference in New Issue