diff --git a/README.md b/README.md
index 6ffa74e..9ce2cfc 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,14 @@
 
 为移动端而生的滑动框架，无依赖，轻盈小巧，性能极致
 
+## 体验
+
+扫描二维码
+
+![demo](./dist/example/qrcode.png)
+
+[http://wechatui.github.io/swiper](http://wechatui.github.io/swiper)
+
 ##安装
 
 - 你可以在<https://github.com/wechatui/swiper/releases>下载最新发布的版本
diff --git a/dist/example/example.css b/dist/example/example.css
index 37f41d8..d2f8972 100644
--- a/dist/example/example.css
+++ b/dist/example/example.css
@@ -16,7 +16,7 @@ body {
     background-color: #000000;
 }
 .title{
-    margin-top: 50%;
+    margin-top: 200px;
     text-align: center;
 }
 
diff --git a/dist/example/qrcode.png b/dist/example/qrcode.png
new file mode 100644
index 0000000..f136d9b
Binary files /dev/null and b/dist/example/qrcode.png differ
diff --git a/src/example/example.css b/src/example/example.css
index 37f41d8..d2f8972 100644
--- a/src/example/example.css
+++ b/src/example/example.css
@@ -16,7 +16,7 @@ body {
     background-color: #000000;
 }
 .title{
-    margin-top: 50%;
+    margin-top: 200px;
     text-align: center;
 }
 
diff --git a/src/example/qrcode.png b/src/example/qrcode.png
new file mode 100644
index 0000000..f136d9b
Binary files /dev/null and b/src/example/qrcode.png differ