diff --git a/ActionSheet/README.md b/ActionSheet/README.md
index d1a38fb..19b6f7c 100644
--- a/ActionSheet/README.md
+++ b/ActionSheet/README.md
@@ -4,8 +4,7 @@
 
 ## Demo
 
-![ActionSheet](http://wx4.sinaimg.cn/mw690/4c8b519dly1feq4asyl44g20hs0wsguv.gif)
-
+<image src="http://wx4.sinaimg.cn/mw690/4c8b519dly1feq4asyl44g20hs0wsguv.gif" width="320" />
 
 ## Example
 
diff --git a/Alert/README.md b/Alert/README.md
index 6694116..a64c342 100644
--- a/Alert/README.md
+++ b/Alert/README.md
@@ -4,7 +4,7 @@
 
 ## Demo
 
-![Alert](http://wx4.sinaimg.cn/mw690/4c8b519dly1fduijhj36dg20hs0ws48p.gif)
+<image src="http://wx4.sinaimg.cn/mw690/4c8b519dly1fduijhj36dg20hs0ws48p.gif" width="320" />
 
 ## Props
 
diff --git a/Badge/README.md b/Badge/README.md
index 683fd3d..fcf5d92 100644
--- a/Badge/README.md
+++ b/Badge/README.md
@@ -12,7 +12,8 @@
 
 ## Demo
 
-![](demo.png)
+<image src="http://wx3.sinaimg.cn/mw690/4c8b519dly1fgncst1pfhj20o0130gny.jpg" width="320" />
+
 
 ## Example
 
diff --git a/Badge/demo.png b/Badge/demo.png
deleted file mode 100644
index 4b92c60..0000000
Binary files a/Badge/demo.png and /dev/null differ
diff --git a/CardView/README.md b/CardView/README.md
index 6dd76a0..8318725 100644
--- a/CardView/README.md
+++ b/CardView/README.md
@@ -12,7 +12,7 @@ CardView 会为卡片添加 `isActiveRnxUiCardView` 属性，激活卡片值为
 
 ## Demo
 
-![CardView](http://wx3.sinaimg.cn/mw690/4c8b519dly1fdgvohgt53g20hs0wsaip.gif)
+<image src="http://wx3.sinaimg.cn/mw690/4c8b519dly1fdgvohgt53g20hs0wsaip.gif" width="320" />
 
 ## Example
 
diff --git a/Confirm/README.md b/Confirm/README.md
index e526541..7b79dcb 100644
--- a/Confirm/README.md
+++ b/Confirm/README.md
@@ -4,7 +4,7 @@
 
 ## Demo
 
-![Confirm](http://wx3.sinaimg.cn/mw690/4c8b519dly1fdulcvgrcvg20hs0ws7h6.gif)
+<image src="http://wx3.sinaimg.cn/mw690/4c8b519dly1fdulcvgrcvg20hs0ws7h6.gif" width="320" />
 
 ## Props
 
diff --git a/Dialog/README.md b/Dialog/README.md
index bf02176..459a14f 100644
--- a/Dialog/README.md
+++ b/Dialog/README.md
@@ -4,7 +4,8 @@
 
 ## Demo
 
-![Dialog](http://wx3.sinaimg.cn/mw690/4c8b519dly1fdulkkgmsog20hs0wsn81.gif)
+<image src="http://wx3.sinaimg.cn/mw690/4c8b519dly1fdulkkgmsog20hs0wsn81.gif" width="320" />
+
 
 ## Example
 
diff --git a/Drop/README.md b/Drop/README.md
index ec3db49..6b4d610 100644
--- a/Drop/README.md
+++ b/Drop/README.md
@@ -6,7 +6,7 @@
 
 ## Demo
 
-![Drop](http://wx1.sinaimg.cn/mw690/4c8b519dly1fbp9qg0mlog20ho0wghdw.gif)
+<image src="http://wx1.sinaimg.cn/mw690/4c8b519dly1fbp9qg0mlog20ho0wghdw.gif" width="320" />
 
 ## Dropper
 
diff --git a/DynamicText/README.md b/DynamicText/README.md
index 9e10e17..e4380f1 100644
--- a/DynamicText/README.md
+++ b/DynamicText/README.md
@@ -10,7 +10,7 @@ DynamicText 有 `maxWidth` 属性可以配置支持的最大的文本长度，
 
 ## Demo
 
-![DynamicText](http://wx4.sinaimg.cn/mw690/4c8b519dly1fdrlqh8ujsg20hs0ws4qq.gif)
+<image src="http://wx4.sinaimg.cn/mw690/4c8b519dly1fdrlqh8ujsg20hs0ws4qq.gif" width="320" />
 
 ## Example
 
diff --git a/HeaderedSheet/README.md b/HeaderedSheet/README.md
index d036713..3a224a8 100644
--- a/HeaderedSheet/README.md
+++ b/HeaderedSheet/README.md
@@ -4,7 +4,7 @@
 
 ## Demo
 
-![navBar demo](demo.gif)
+<image src="http://wx4.sinaimg.cn/mw690/4c8b519dgy1fh4agk0ft3g20hc0wk4qp.gif" width="320" />
 
 ## Props
 
diff --git a/HeaderedSheet/demo.gif b/HeaderedSheet/demo.gif
deleted file mode 100644
index d6a11c6..0000000
Binary files a/HeaderedSheet/demo.gif and /dev/null differ
diff --git a/ImgPicker/README.md b/ImgPicker/README.md
index dae3cf9..bceae9a 100644
--- a/ImgPicker/README.md
+++ b/ImgPicker/README.md
@@ -2,6 +2,10 @@
 
 **图片选择组件**
 
+## Demo
+
+<image src="http://wx3.sinaimg.cn/mw690/4c8b519dgy1fh4arl9n4rg20nc12c47w.gif" width="320" />
+
 ## Example
 
 ```js
diff --git a/ImgRollView/README.md b/ImgRollView/README.md
index a3174b6..86b2512 100644
--- a/ImgRollView/README.md
+++ b/ImgRollView/README.md
@@ -6,6 +6,10 @@
 
 CameraRoll 提供了访问本地相册的功能。在iOS上使用这个模块之前，你需要先链接 RCTCameraRoll 库，具体做法请参考[链接原生库文档](https://reactnative.cn/docs/0.42/linking-libraries-ios.html)。另外，从 iOS10 开始，访问相册需要用户授权。你需要在 `Info.plist` 中添加一条名为 `NSCameraUsageDescription` 的键，然后在其值中填写向用户请求权限的具体描述。编辑完成后这个键在 Xcode 中实际会显示为 `Privacy - Camera Usage Description`。
 
+## Demo
+
+<image src="http://wx4.sinaimg.cn/mw690/4c8b519dgy1fh4av823tqg20nc12cquv.gif" width="320" />
+
 ## Example
 
 ```js
diff --git a/NavBar/README.md b/NavBar/README.md
index a5b4701..9b773ad 100755
--- a/NavBar/README.md
+++ b/NavBar/README.md
@@ -4,7 +4,7 @@
 
 ## Demo
 
-![navBar demo](demo.png)
+<image src="http://wx3.sinaimg.cn/mw690/4c8b519dgy1fh4b239blbg20nc12ctfn.gif" width="320" />
 
 ## Props
 
diff --git a/NavBar/demo.png b/NavBar/demo.png
deleted file mode 100644
index c13f695..0000000
Binary files a/NavBar/demo.png and /dev/null differ
diff --git a/NumericKeyboard/README.md b/NumericKeyboard/README.md
index 7e39576..6b2f669 100644
--- a/NumericKeyboard/README.md
+++ b/NumericKeyboard/README.md
@@ -6,7 +6,7 @@
 
 ## Demo
 
-![NumericKeyboard](http://wx2.sinaimg.cn/mw690/4c8b519dly1fbztgpbw6gg20ho0wgx6p.gif)
+<image src="http://wx2.sinaimg.cn/mw690/4c8b519dly1fbztgpbw6gg20ho0wgx6p.gif" width="320" />
 
 ## Example
 
diff --git a/Overlay/README.md b/Overlay/README.md
index b9e8319..af91607 100644
--- a/Overlay/README.md
+++ b/Overlay/README.md
@@ -14,7 +14,7 @@
 
 ## Demo
 
-![Overlay](http://wx2.sinaimg.cn/mw690/4c8b519dly1fdlfglw0mfg20hs0wsn3p.gif)
+<image src="http://wx2.sinaimg.cn/mw690/4c8b519dly1fdlfglw0mfg20hs0wsn3p.gif" width="320" />
 
 ## Props