Gitlink
/
forgeplus-react
39
0
Fork 30
Code Issues Pull Requests Releases 1 Wiki Activity

微调样式

This commit is contained in:
何童崇 2022-03-30 10:47:27 +08:00
parent 135922bf30
commit 5b83144e2e
3 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/military/qz2022.js
View File

@ -99,6 +99,9 @@ const Qz2022 = (props) => {
applyStatus = Date.parse(new Date()) < Date.parse(new Date(qzDetail.enroll_date)); applyStatus = Date.parse(new Date()) < Date.parse(new Date(qzDetail.enroll_date));
referStatus = !applyStatus && Date.parse(new Date()) < Date.parse(new Date(qzDetail.upload_date)); referStatus = !applyStatus && Date.parse(new Date()) < Date.parse(new Date(qzDetail.upload_date));
} }
console.log(qzDetail);
return ( return (
<React.Fragment> <React.Fragment>
{/* banner图+选项 */} {/* banner图+选项 */}
@ -148,7 +151,7 @@ const Qz2022 = (props) => {
{/* 大赛介绍 */} {/* 大赛介绍 */}
<Route path="/competition/qz2022/introduce" <Route path="/competition/qz2022/introduce"
render={ render={
() => (<Introduce {...props} qzDetail={qzDetail||{}} />) () => (<Introduce {...props} qzDetail={qzDetail} />)
} }
></Route> ></Route>
{/* 大赛指南 */} {/* 大赛指南 */}
@ -214,7 +217,7 @@ const Qz2022 = (props) => {
{/* 大赛介绍 */} {/* 大赛介绍 */}
<Route path="/competition/qz2022" <Route path="/competition/qz2022"
render={ render={
() => (<Introduce {...props} />) () => (<Introduce {...props} qzDetail={qzDetail}/>)
} }
></Route> ></Route>
</Switch> </Switch>

7
src/military/qz2022/introduce/index.jsx
View File

@ -5,14 +5,17 @@ import '../../index.scss';
function Introduce({ qzDetail }) { function Introduce({ qzDetail }) {
let { content, video_url } = qzDetail; let content= qzDetail&&qzDetail.content;
let video_url= qzDetail&&qzDetail.video_url;
console.log(qzDetail);
return ( return (
<div className="introduce"> <div className="introduce">
<div className="introduce-content clearfix"> <div className="introduce-content clearfix">
<div className="introduce-video"><video src={video_url} autoPlay controls muted></video></div> <div className="introduce-video"><video src={video_url} autoPlay controls muted></video></div>
<div className="introduce-info"> <div className="introduce-info">
<div className="info-content" dangerouslySetInnerHTML={{ __html:content||''}}> <div className="info-tit">“启智”2022作战概念·JSJSJS需求创新大赛</div>
<div className="info-content" dangerouslySetInnerHTML={{ __html:content}}>
</div> </div>
</div> </div>

6
src/military/qz2022/introduce/index.scss
View File

@ -9,7 +9,7 @@
width: 62.5%; width: 62.5%;
height: 100%; height: 100%;
margin: 0 auto; margin: 0 auto;
padding: 5% 2% 5% 2.5%; padding: 2.75% 2% 5% 2.5%;
box-sizing: border-box; box-sizing: border-box;
} }
.introduce-video { .introduce-video {
@ -27,17 +27,17 @@
.introduce-info { .introduce-info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: center;
min-width: 35%; min-width: 35%;
min-height: 75%; min-height: 75%;
} }
.info-tit { .info-tit {
font-family: PingFang SC;
font-weight: 700; font-weight: 700;
color: #2e3341; color: #2e3341;
font-size: 1.25rem; font-size: 1.25rem;
letter-spacing: 0.1rem; letter-spacing: 0.1rem;
margin-bottom: 1rem;
} }
.content-item { .content-item {
font-size: 1rem; font-size: 1rem;