优化文案显示

This commit is contained in:
谢思 2024-04-19 13:49:08 +08:00
parent 351fd7deae
commit 282cd855b3
1 changed files with 6 additions and 2 deletions

View File

@ -5,6 +5,7 @@ import { formatParsedResult } from '../../api';
function TimerShaft(props) {
const {current_user, period, history, showLoginDialog, id, glccSettings} = props;
let repoApplyEnd = undefined
const step = [{
title: "Step1",
date: "4.22",
@ -71,6 +72,9 @@ function TimerShaft(props) {
const repoApply = glccSettings.filter(item=>item.name === "repoApply");
repoApply[0] && (step[0].date = formatParsedResult(repoApply, "startMonthDay"))
repoApply[0] && (step[1].date = formatParsedResult(repoApply, "rangeConcatDot"))
if(repoApply[0]){
repoApplyEnd = new Date(repoApply[0].value.split(",")[1]).getTime()-new Date().getTime() < 0
}
//
const stuApply = glccSettings.filter(item=>item.name === "stuApply");
stuApply[0] && (step[3].date = formatParsedResult(stuApply, "rangeConcatDot"))
@ -93,12 +97,12 @@ function TimerShaft(props) {
<div className="teacher-text">
<h3 className="teacher-invite">有兴趣成为GLCC的导师吗</h3>
<div className="teacher-content">想要扩大项目知名度和影响力为开源项目吸引新鲜血液培养长期开发者通过GitLink平台与高校建立连接指导开源新人传授他们的开源文化享受开源的乐趣</div>
{period === "repoApply" ? <div className='applyBut' onClick={goToApply}>立即报名</div> : <div className='applyBut project'><span className='hover-none'>项目报名</span><span className='hover-show'>已结束</span></div>}
{period === "repoApply" ? <div className='applyBut' onClick={goToApply}>立即报名</div> : <div className='applyBut project'><span className='hover-none'>项目报名</span><span className='hover-show'>{repoApplyEnd ? "已结束" : "敬请期待"}</span></div>}
</div>
<div className="teacher-text">
<h3 className="teacher-invite">你是开源新手有兴趣参加GLCC吗</h3>
<div className="teacher-content">想要参与一线开源项目开发熟悉开源社区运作流程接受资深开源软件专家指导获得丰厚奖金和实习机会参加GLCC开启全新的开源之旅</div>
{(period === "stuApply" || period === "stuApply1") ? <div className='applyBut' onClick={goToApply}>学生报名</div> : <div className='applyBut project'><span className='hover-none'>学生报名</span><span className='hover-show'>{period === "repoApply" ? "敬请期待" : "已结束"}</span></div>}
{(period === "stuApply" || period === "stuApply1") ? <div className='applyBut' onClick={goToApply}>学生报名</div> : <div className='applyBut project'><span className='hover-none'>学生报名</span><span className='hover-show'>{(period === "repoApply" || !period) ? "敬请期待" : "已结束"}</span></div>}
</div>
</div>
</div>