xxx

project/p8/src/App.js

@@ -22,8 +22,7 @@ class App extends React.Component{
     return (
       <div className="App">
           <div className="banner">
-            <Swiper 
-            data={this.state.images}></Swiper>
+            <Swiper data={this.state.images}></Swiper>
           </div>
       </div>
     )

project/p8/src/components/swiper/index.js

@@ -11,8 +11,7 @@ export default class Swiper extends React.Component{
         this.aData=[];
         this.index=0;
     }
-    changeImg(index){
-        console.log(index)
+    changeImg=(index)=>{
         this.isInit=false;
         this.index=index;
         if(this.aData && this.aData.length>0){

project/p8/src/components/swiper/style.css

@@ -20,22 +20,26 @@
 .my-swiper-main .slide img{
     width:100%;
     height:100%;
-    border:
-    0 none;
+    border:0 none;
 }
 .my-swiper-main .pagination{
     width:auto;
     height:auto;
-    position: absolute;z-index: 3;
-    left:50%;bottom:8%;transform: translateX(-50%)}
+    position: absolute;
+    z-index: 3;
+    left:50%;
+    bottom:8%;
+    transform: translateX(-50%);
+}
 .my-swiper-main .pagination .dot{
-    width:
-    30px;height:8px;
+    width:30px;
+    height:8px;
     background-color:rgba(0,0,0,0.8);
     cursor:pointer;
     display: inline-block;
     margin-left:2.5px;
-    margin-right:2.5px;}
+    margin-right:2.5px;
+}
 .my-swiper-main .pagination .dot.active{
     background-color:rgba(255,255,255,0.8)
 }