forked from Gitlink/forgeplus-react
46 lines
1.1 KiB
JavaScript
46 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
import Slider from 'react-slick';
|
|
import { getImageUrl } from 'educoder';
|
|
import Left from '../../../home/Img/left.png';
|
|
import Right from '../../../home/Img/right.png';
|
|
import banner from '../img/mainbanner.png'
|
|
|
|
|
|
|
|
let setting={
|
|
dots:true,
|
|
infinite: true,
|
|
speed: 2000,
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
pauseOnDotsHover:true,
|
|
autoplaySpeed:5000,
|
|
pauseOnFocus:true,
|
|
autoplay:true,
|
|
arrows:true,
|
|
prevArrow: <img className='slick-prev slick-arrow' src={Left} width="70px" alt=""/>,
|
|
nextArrow: <img className='slick-prev slick-arrow' src={Right} width="70px" alt=""/>
|
|
}
|
|
function TopEdition(props) {
|
|
const { bannerList } = props
|
|
|
|
|
|
return(
|
|
<Slider {...setting}>
|
|
{
|
|
bannerList && bannerList.length > 0 ?
|
|
bannerList.map((i,k)=>{
|
|
return(
|
|
<div className={`regform`} key={ k }>
|
|
<div style={{backgroundImage:`url(${i})`}}></div>
|
|
</div>
|
|
)
|
|
})
|
|
:
|
|
<div className={`regform`} style={{backgroundImage:`url(${banner})`}}>
|
|
</div>
|
|
}
|
|
</Slider>
|
|
)
|
|
}
|
|
export default TopEdition; |