diff --git a/src/forge/Main/Index.js b/src/forge/Main/Index.js index 25b710b2..e747512a 100644 --- a/src/forge/Main/Index.js +++ b/src/forge/Main/Index.js @@ -12,6 +12,13 @@ import img_new from '../Images/new.png'; import img_array from '../Images/array.png'; import banner from '../Images/banner_list.png'; import CheckProfile from '../Component/ProfileModal/Profile'; +import Slider from 'react-slick'; +import img1 from './img/img1.jpg'; +import img2 from './img/img2.jpg'; +import img3 from './img/img3.jpg'; +import img4 from './img/img4.jpg'; +import left from './img/left.png'; +import right from './img/right.png'; const Search = Input.Search; @@ -290,11 +297,32 @@ class Index extends Component { isSpin, total, search, limit, page, typeList, categoryList , recommendOriList , CategoryList , category_id } = this.state; + let settings={ + dots:true, + infinite: true, + speed: 2000, + slidesToShow: 1, + slidesToScroll: 1, + pauseOnDotsHover:true, + autoplaySpeed:5000, + pauseOnFocus:true, + autoplay:true, + arrows:true, + prevArrow:, + nextArrow: + } + return (
-

+ + + + + + + {/*

-

+

*/} {/* { recommendOriList && recommendOriList.length>0? diff --git a/src/forge/Main/Index.scss b/src/forge/Main/Index.scss index 4ba8d2a3..808a426b 100644 --- a/src/forge/Main/Index.scss +++ b/src/forge/Main/Index.scss @@ -524,3 +524,55 @@ } } +.projectBannerBox{ + .slick-arrow{ + width: 70px; + height: 70px; + z-index: 2; + &::before{content: none;} + &.slick-prev{left: 50px;} + &.slick-next{right: 50px;} + } + .slick-dots{ + width: 1200px; + text-align: left; + left: 50%; + margin-left: -600px; + bottom: 7%; + position: absolute; + display: flex!important; + z-index: 2; + li{ + background-color: rgba(225,225,225,0.5); + position: relative; + height: 3px; + width: 46px; + margin-right: 15px; + &::after{ + position: absolute; + left: 0px; + width: 0px; + top:0px; + height: 100%; + content: ""; + transition: 5.2s; + transition-property: width; + } + &.slick-active::after{ + background-color: #fff; + width: 100%; + } + button{ + position: absolute; + width: 100%; + height: 10px; + left:0px; + background-color: transparent!important; + border:none; + cursor: pointer; + color: transparent; + &::before{content: none;} + } + } + } +} \ No newline at end of file diff --git a/src/forge/Main/img/img1.jpg b/src/forge/Main/img/img1.jpg new file mode 100644 index 00000000..b0f0335e Binary files /dev/null and b/src/forge/Main/img/img1.jpg differ diff --git a/src/forge/Main/img/img2.jpg b/src/forge/Main/img/img2.jpg new file mode 100644 index 00000000..d17b6929 Binary files /dev/null and b/src/forge/Main/img/img2.jpg differ diff --git a/src/forge/Main/img/img3.jpg b/src/forge/Main/img/img3.jpg new file mode 100644 index 00000000..d31dac2d Binary files /dev/null and b/src/forge/Main/img/img3.jpg differ diff --git a/src/forge/Main/img/img4.jpg b/src/forge/Main/img/img4.jpg new file mode 100644 index 00000000..1678fa68 Binary files /dev/null and b/src/forge/Main/img/img4.jpg differ diff --git a/src/forge/Main/img/left.png b/src/forge/Main/img/left.png new file mode 100644 index 00000000..e5173860 Binary files /dev/null and b/src/forge/Main/img/left.png differ diff --git a/src/forge/Main/img/right.png b/src/forge/Main/img/right.png new file mode 100644 index 00000000..f5a134bd Binary files /dev/null and b/src/forge/Main/img/right.png differ