From 1b8c29020b7d5f40513ad2a9305e10acaa9d566f Mon Sep 17 00:00:00 2001
From: MrXujiang <15671677807@163.com>
Date: Sat, 5 Sep 2020 17:08:01 +0800
Subject: [PATCH] =?UTF-8?q?:update:=20=E6=9B=B4=E6=96=B0=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 readme.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/readme.md b/readme.md
index e9075ac..ff72ade 100644
--- a/readme.md
+++ b/readme.md
@@ -15,7 +15,7 @@
 
 ### ✨ [Demo](http://io.nainor.com/h5_plus/editor?tid=123456)
 
-<img src="http://io.nainor.com/uploads/55_174302afefd.png" alt="H5可视化编辑器" />
+<img src="http://io.nainor.com/uploads/bg_1745d84dbc4.png" alt="H5可视化编辑器" />
 
 ## Author
 
@@ -48,7 +48,7 @@ Give a ⭐️ if this project helped you!
 
 ## 需求分析
 在思考需求分析之前我们先来看看**Dooring**的使用演示：
-![](http://io.nainor.com/uploads/55_174302afefd.png)
+![](http://io.nainor.com/uploads/bg_1745d84dbc4.png)
 由上面的gif图我们可以分析出，可视化编辑器主要有以下几部分组成：
 * 可拖拽的组件库 draggable components
 * 盛放组件的画布 canvas
@@ -283,4 +283,4 @@ yarn run start
 <img src="http://io.nainor.com/uploads/code_1741c445027.png" width="180px" />
 
 ## 技术交流群
-<img src="http://io.nainor.com/uploads/3_1742eabb62b.png" width="180px" />
+<img src="http://io.nainor.com/uploads/qun_1745d823bb8.png" width="180px" />