更新md

README.md

@@ -1,5 +1,6 @@
 <div align="center">
-    <h1>lowflow-design 低代码流程设计器</h1>
+    <h1>lowflow-design</h1>
+    <p>低代码流程设计器</p>
 </div>
 
 ## 介绍
@@ -7,14 +8,29 @@ lowflow-design是一个基于`Vue3`，`Vite`，`TypeScript`，`Element-Plus`等
 让普通人也能通过简单配置快速搭建流程。
 ## 在线预览
 https://tsai996.github.io/lowflow-design/
-## 示例图
+#### 项目源码
-![flow.png](public%2Fflow.png)
+|     |   后端源码  |   前端源码  |
-![penal.png](public%2Fpenal.png)
+|---  |--- | --- |
-## 一键转BPMN（待完善暂不开源）
+|  github   |  https://github.com/tsai996/lowflow-design-converter   |  https://github.com/tsai996/lowflow-design   |
-![dark.png](public%2Fdark.png)
+|  码云   |  https://gitee.com/cai_xiao_feng/lowflow-design-converter   |  https://gitee.com/cai_xiao_feng/lowflow-design   |
-![bpmn.png](public%2Fbpmn.png)
+#### 示例图
+<p>
+    <img alt="节点项" src="public/flow.png" style="display: inline-block"/>
+    <img alt="属性面板" src="public/penal.png" style="display: inline-block"/>
+</p>
+
 ## 加微信拉入群聊（备注：加群）
-![wx.png](public%2Fwx.png)
+<p>
+    <img alt="微信" src="public/wx.png" width="240" style="display: inline-block"/>
+</p>
+
+## 赞助
+开源不易如果该项目对您有帮助，您可以请我喝杯奶茶。
+<p>
+    <img alt="微信" src="public/wxpay.png" height="240" width="240" style="display: inline-block"/>
+    <img alt="支付宝" src="public/alipay.png" height="240" width="240" style="display: inline-block"/>
+</p>
+
 ## 推荐
 大家在使用本项目时，推荐结合贺波老师的书[《深入Activiti流程引擎：核心原理与高阶实战》](https://item.m.jd.com/product/13928958.html?gx=RnAomTM2bmCImZxDqYAkVCoIHuIYVqc)，这本书对系统学习和深入掌握Activiti/Flowable的用法非常有帮助。
 ![book.png](public%2Fbook.png)