forgeplus-react/src/forge/Information/Component/TopEdition.jsx

47 lines
1.2 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(
<div></div>
// <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;