修改glcc首页

This commit is contained in:
何童崇 2022-05-27 11:43:16 +08:00
parent e8f48434a8
commit 50fa57188f
3 changed files with 40 additions and 40 deletions

View File

@ -276,36 +276,36 @@ li.ant-menu-item{
.-task-sidebar {
position: fixed;
width: 40px;
right: 10px;
right: 30px;
bottom: 80px;
z-index: 10;
}
@media screen and (max-width: 1920px){
.-task-sidebar{
right:220px;
}
}
@media screen and (max-width: 1750px){
.-task-sidebar{
right:160px;
}
}
@media screen and (max-width: 1650px){
.-task-sidebar{
right:115px;
}
}
@media screen and (max-width: 1550px){
.-task-sidebar{
right:90px;
}
}
@media screen and (max-width: 1450px){
.-task-sidebar{
right:45px;
}
}
// @media screen and (max-width: 1920px){
// .-task-sidebar{
// right:220px;
// }
// }
// @media screen and (max-width: 1750px){
// .-task-sidebar{
// right:160px;
// }
// }
// @media screen and (max-width: 1650px){
// .-task-sidebar{
// right:115px;
// }
// }
// @media screen and (max-width: 1550px){
// .-task-sidebar{
// right:90px;
// }
// }
// @media screen and (max-width: 1450px){
// .-task-sidebar{
// right:45px;
// }
// }
@media screen and (max-width: 1200px){
.-task-sidebar{
right:0px;

View File

@ -14,7 +14,7 @@ import apply2 from "../img/apply2.png";
import './index.scss';
export default (props) => {
const { current_user, isGlccApplyDate, showNotification, studentApplyStart } = props;
const { current_user, isGlccApplyDate, showNotification, studentApplyStart,history } = props;
function goToApply() {
if (isGlccApplyDate) {
if (current_user && current_user.login) {
@ -33,7 +33,7 @@ export default (props) => {
if(!studentApplyStart){
showNotification("不在报名时间报名开始时间为5月26日");
}else{
window.location.href="/glcc/subjects";
history.push("/glcc/subjects");
}
}
@ -50,14 +50,14 @@ export default (props) => {
{/* 报名入口 */}
<div className="applyBox">
{/* 项目报名 */}
<div className="apply project">
<Link to="/glcc/projects" className="apply project" >
<div>
<img src={apply1} alt="" className="applyIcon"/>
<span className="hover-none"><span className="til">项目报名</span> </span>
<span className="hover-show">项目报名已截止</span>
<span className="hover-none"><span className="til">查看项目</span> </span>
{/* <span className="hover-show">项目报名已截止</span> */}
</div>
<div className="pt6">项目报名开启导师席位虚位以待</div>
</div>
<div className="pt6">查看夏令营各项目掌握项目课题详细信息</div>
</Link>
{/* 学生报名 */}
<div className="apply" onClick={goToStudent}>
<div>

View File

@ -52,16 +52,16 @@
&:hover, &:hover .til{
color:#466aff;
}
.hover-show{
display: none;
}
&:hover .hover-none, &:hover .pt6{
// .hover-show{
// display: none;
// }
&:hover .pt6{
display: none;
}
&:hover.project{
background-image:linear-gradient(45deg,#EBEFFF 0%, #E0E4F9 50.63%,#F1F1F1 100%);
box-shadow:0px 0px 6px #466aff;
cursor: default;
// background-image:linear-gradient(45deg,#EBEFFF 0%, #E0E4F9 50.63%,#F1F1F1 100%);
// box-shadow:0px 0px 6px #466aff;
// cursor: default;
.hover-show{
display: inline-block;
margin-left: 10px;