rewrite using es6

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": [ "es2015-rollup" ]
+}

README.md

@@ -6,7 +6,7 @@
 
 扫描二维码
 
-![demo](./dist/example/qrcode.png)
+![demo](https://cloud.githubusercontent.com/assets/4652816/13709283/1052c01a-e7ee-11e5-959c-1095114739db.png)
 
 [http://wechatui.github.io/swiper](http://wechatui.github.io/swiper)
 

bower.json

@@ -1,38 +1,39 @@
 {
-  "name": "iswiper",
-  "description": "为移动端而生的滑动框架，无依赖，轻盈小巧，性能极致",
-  "version": "1.4.0",
-  "author": "wechat ui team",
-  "keywords": [
-    "iswiper",
-    "swiper",
-    "swipe",
-    "slider",
-    "mobile",
-    "framework"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/wechatui/swiper.git"
-  },
-  "homepage": "http://wechatui.github.io/swiper",
-  "scripts": [
-    "dist/swiper.js"
-  ],
-  "main": [
-    "dist/swiper.js"
-  ],
-  "ignore": [
-    "/.*",
-    "gulpfile.js",
-    "node_modules",
-    "package.json",
-    "**/.*",
-    "bower_components",
-    "test",
-    "tests"
-  ],
-  "license": [
-    "MIT"
-  ]
+    "name": "iswiper",
+    "description": "为移动端而生的滑动框架，无依赖，轻盈小巧，性能极致",
+    "version": "1.4.2",
+    "author": "wechat ui team",
+    "keywords": [
+        "wechat",
+        "iswiper",
+        "swiper",
+        "swipe",
+        "slider",
+        "mobile",
+        "framework"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/wechatui/swiper.git"
+    },
+    "homepage": "http://wechatui.github.io/swiper",
+    "scripts": [
+        "dist/swiper.js"
+    ],
+    "main": [
+        "dist/swiper.js"
+    ],
+    "ignore": [
+        "/.*",
+        "gulpfile.js",
+        "node_modules",
+        "package.json",
+        "**/.*",
+        "bower_components",
+        "test",
+        "tests"
+    ],
+    "license": [
+        "MIT"
+    ]
 }

dist/example/example.css

@@ -1,65 +1,62 @@
 * {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 html,
 body {
-    height: 100%;
-    overflow: hidden;
+  height: 100%;
+  overflow: hidden;
 }
-.container{
-    height: 100%;
-    background-color: #efeff4;
+.container {
+  height: 100%;
+  background-color: #efeff4;
 }
-.item{
-    color: #ffffff;
-    background-color: #000000;
+.swiper {
+  background-color: #000000;
 }
-.title{
-    margin-top: 200px;
-    text-align: center;
+.item {
+  color: #ffffff;
+  background-color: #000000;
+}
+.title {
+  margin-top: 200px;
+  text-align: center;
 }
-
 /**
  * copy from animate.css
  * https://daneden.github.io/animate.css
  */
-
 .animated {
-    -webkit-animation-duration: 1s;
-    animation-duration: 1s;
-    -webkit-animation-fill-mode: both;
-    animation-fill-mode: both;
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
 }
 @-webkit-keyframes fadeInUp {
-    from {
-        opacity: 0;
-        -webkit-transform: translate3d(0, 100%, 0);
-        transform: translate3d(0, 100%, 0);
-    }
-
-    100% {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-    }
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
 }
-
 @keyframes fadeInUp {
-    from {
-        opacity: 0;
-        -webkit-transform: translate3d(0, 100%, 0);
-        transform: translate3d(0, 100%, 0);
-    }
-
-    100% {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-    }
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none;
+  }
 }
-
 .fadeInUp {
-    -webkit-animation-name: fadeInUp;
-    animation-name: fadeInUp;
-}
+  -webkit-animation-name: fadeInUp;
+  animation-name: fadeInUp;
+}

dist/example/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
     <title>无孔不入</title>
     <link rel="stylesheet" href="../swiper.css"/>
-    <link rel="stylesheet" href="example.css"/>
+    <link rel="stylesheet" href="./example.css"/>
 </head>
 <body>
 <div class="container">

dist/swiper.css

@@ -1,9 +1,3 @@
-/*!
- * iswiper - swiper.js
- * @version v1.4.1
- * @link https://github.com/weui/swiper.git
- * @license MIT
- */
 .swiper {
   height: 100%;
   overflow: hidden;