add(swiper): demo

Author: kimown

.idea/jsLinters/eslint.xml

@@ -0,0 +1,40 @@
+/**
+ * Created by joey on 13/11/2016.
+ */
+
+
+const flat = {}
+
+const array = [[0, 1], [2, 3], [4, 5]]
+const result = array.reduce((memo, item, index) => {
+  const flatten = memo.concat(item)
+  flat[index] = flatten
+  return flatten
+})
+
+console.log(flat)
+
+
+
+console.log(foo)
+const foo = function foo() {
+    return null
+}
+
+const ar = [1, 2, 3]
+    ar.map(function (x) {
+    const y = x + 1;
+    console.log(x + y)
+    return x * y;
+});
+
+console.error(y)
+
+ar.map((x) => {
+    const y = x + 1;
+    console.log(x + '-----' + y)
+    return x * y;
+});
+
+const ab = [1, 22, 333]
+const ba = [...ab]

my-app/src/test/reduce.js

@@ -23,8 +23,3 @@
   to { transform: rotate(360deg); }
 }
 
-#test{
-  width: 400px;
-  height: 400px;
-}
-

react-swipeable/src/App.css

@@ -12,16 +12,16 @@ class App extends Component {
 
     static defaultProps = {
         children: [
-            <div id="test">
+            <div className="slide slide0">
                 {'slide n°0'}
             </div>,
-            <div id="test">
+            <div className="slide slide1">
                 {'slide n°1'}
             </div>,
-            <div id="test">
+            <div className="slide slide2">
                 {'slide n°2'}
             </div>,
-            <div id="test">
+            <div className="slide slide3">
                 {'slide n°3'}
             </div>,
         ]
@@ -59,7 +59,7 @@ class App extends Component {
         let {children} = this.props;
         let childrenLength = children.length;
 
-        let index = mod(this.state.index + number, childrenLength)
+        let index = this.state.index + number
         this.setState({
             index: index
         })

react-swipeable/src/App.js

@@ -102,7 +102,6 @@ class CustomAutoPlay extends Component {
     changeIndex = (index)=> {
         let {children}=this.props;
         let childrenLength = children.length;
-        index = mod(index, childrenLength);
         let {changeIndexCallBack}=this.props;
         changeIndexCallBack && changeIndexCallBack(index)
 

react-swipeable/src/App.test.js

@@ -18,4 +18,32 @@ body {
 .button{
   padding: 40px 0;
   text-align: center;
+}
+
+.slide {
+  width: 100%;
+  height: 400px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.slide0 {
+  background-repeat: no-repeat;
+  background-image: url('./img/1.jpg');
+}
+
+.slide1 {
+  background-repeat: no-repeat;
+  background-image: url('./img/2.jpg');
+}
+
+.slide2 {
+  background-repeat: no-repeat;
+  background-image: url('./img/3.jpg');
+}
+
+.slide3 {
+  background-repeat: no-repeat;
+  background-image: url('./img/4.jpg');
 }