feature: use card list instead of table in database page (#163)

* feat: use card list instead of table in database type page

* feat: update docs

docs/README.md

@@ -1,72 +0,0 @@
-## 介绍
-
-![](databasir.png) 是面向团队的**关系型数据库模型文档管理平台**，旨在通过自动化的方式解决模型文档管理过程中维护成本高、内容更新不及时以及团队协作复杂等问题。
-
-平台文档：https://doc.databasir.com
-
-问题反馈：https://github.com/vran-dev/databasir/issues
-
-平台演示：[https://demo.databasir.com](http://demo.databasir.com)
-
-| 账号 | 密码    | 角色       |
-| ---- | ------- | ---------- |
-| demo | demo123 | 系统管理员 |
-| dev  | dev123  | 普通       |
-
-
-
-## 联系
-
-<!-- tabs:start -->
-
-#### **微信群**
-
-扫码加入微信群，随时获取第一手更新内容
-
-<img src="https://s2.loli.net/2022/05/04/c2b5O7yEgB6Yvpo.jpg" width="250px" />
-
-#### **公众号**
-
-![qrcode.jpg](https://s2.loli.net/2022/04/22/mZjlG5u4vrXW1SL.jpg)
-
-#### **邮箱**
-
-vran_dev@foxmail.com
-
-<!-- tabs:end -->
-
-
-
-
-## 多图展示
-
-<!-- tabs:start -->
-
-#### **文档同步**
-
-![sync.gif](https://s2.loli.net/2022/04/22/aoiSR1V3MuN67m8.gif)
-
-#### **版本对比**
-
-![](README/index/diff.gif)
-
-#### **文档导出**
-
-- UML 图片导出
-
-![](README/index/uml-export.gif)
-
-- 导出 Markdown 格式展示
-
-![](README/index/markdown-exported.gif)
-
-<!-- tabs:end -->
-
-
-
-## 捐赠
-
-开源不易，扶我起来，再写两行！
-
-<img src="img/sponsor.jpg" width="280">
-

docs/guid/index.md

@@ -20,7 +20,7 @@
 
 扫码加入微信群，随时获取第一手更新内容
 
-<img src="https://s2.loli.net/2022/05/04/c2b5O7yEgB6Yvpo.jpg" width="250px" />
+<img src="https://s2.loli.net/2022/05/10/u2CQHePStbcxUWi.jpg" width="250px" />
 
 #### **公众号**