36 lines
1.7 KiB
JavaScript
36 lines
1.7 KiB
JavaScript
import React from 'react';
|
|
import Style from './web.module.less';
|
|
export default function Render(props) {
|
|
const { news } = props.data;
|
|
return (<div className={Style.container}>
|
|
{news && news.length > 1 ?
|
|
<div className={Style.multiNews}>
|
|
{news.map((ele, index) => {
|
|
if (index === 0) {
|
|
return (<div key={`news_${index}`} className={Style.cover}>
|
|
<img className={Style.img} src={ele.coverUrl}/>
|
|
<div className={Style.articleTitle}>
|
|
{ele.title}
|
|
</div>
|
|
</div>);
|
|
}
|
|
return (<div key={`news_${index}`} className={Style.newsItem}>
|
|
<div className={Style.articleTitle}>
|
|
{ele.title}
|
|
</div>
|
|
<div className={Style.imgCover}>
|
|
<img className={Style.img} src={ele.coverUrl}/>
|
|
</div>
|
|
</div>);
|
|
})}
|
|
</div>
|
|
:
|
|
<div className={Style.singleNews}>
|
|
<div className={Style.cover}>
|
|
<img className={Style.img} src={news?.[0]?.coverUrl}/>
|
|
</div>
|
|
<div className={Style.articleTitle}>{news?.[0]?.title}</div>
|
|
</div>}
|
|
</div>);
|
|
}
|