56 lines
1.6 KiB
JavaScript
56 lines
1.6 KiB
JavaScript
import './index.less'
|
|
import guide from 'img/homePage/guide.png'
|
|
import right from 'img/homePage/right-arraw.png'
|
|
import titleIcon from 'img/homePage/title-icon.png'
|
|
|
|
import { gethomePageDocList } from '../../utils/request/api'
|
|
import { useEffect, useState } from 'react'
|
|
|
|
function ConferenceGuide() {
|
|
|
|
const [newsList, setNewsList] = useState([])
|
|
|
|
useEffect(()=>{
|
|
getNewsList()
|
|
},[])
|
|
|
|
const getNewsList = () => {
|
|
gethomePageDocList().then(res => {
|
|
setNewsList(res.rows)
|
|
})
|
|
}
|
|
|
|
return <div className="guide" id="guide">
|
|
<div className="back-img-3"></div>
|
|
<div className="wrapper">
|
|
<div className="module-header">
|
|
<img src={ titleIcon } alt="" />
|
|
<div className="title">
|
|
<span>会议指南</span>
|
|
<span>CONFERENCE GUIDE</span>
|
|
</div>
|
|
</div>
|
|
<div className="guide-content">
|
|
<img src={ guide } alt="" className="left-img" />
|
|
{
|
|
newsList && newsList.length > 0 &&
|
|
<>
|
|
<div className="guide-list">
|
|
{ newsList.map((i, k) => {
|
|
return <div className="guide-item" key={ k } >
|
|
<p className="task-hide-2">{ i.name }</p>
|
|
<p className="item-time">{ i.publishTime }</p>
|
|
<img src={ right } alt="" />
|
|
</div>
|
|
})}
|
|
<a href="">查看更多资讯<img src={ right } alt="" /></a>
|
|
</div>
|
|
<img src={ newsList[0].headImg } alt="" className="right-img"/>
|
|
</>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
export default ConferenceGuide |