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