更新README文档，更新页面图标，更新协议。

README.md

@@ -1,3 +1,64 @@
-<h3 align="center" style="margin: 30px 0 30px;font-weight: bold;font-size:40px;">Tuniao UI</h3>
-<h3 align="center">炫酷且可以快速开发UI框架</h3>
+<p align="center">
+	<img alt="图鸟UI" src="https://tnuiimage.tnkjapp.com/gitee_introduce_file/top.jpg" />
+</p>
+
+
+<h3 align="center" style="margin: 30px 0 30px;font-weight: bold;font-size:40px;">Tuniao UI</h3>
+<h3 align="center">提供丰富组件和炫酷页面的UI框架</h3>
+
+<p align="center">
+    <a href="https://gitee.com/TSpecific/tuniao-ui/stargazers" target="_blank">
+    	<img src="https://svg.hamm.cn/gitee.svg?type=star&user=TSpecific&project=tuniao-ui"/>
+    </a>
+    <a href="https://gitee.com/TSpecific/tuniao-ui/members" target="_blank">
+    	<img src="https://svg.hamm.cn/gitee.svg?type=fork&user=TSpecific&project=tuniao-ui"/>
+    </a>
+    <img src="https://svg.hamm.cn/badge.svg?key=Platform&value=uni-app"/>
+</p>
+
+
+
+# 说明
+
+**图鸟UI**，是基于uni-app进行开发的UI框架，提供丰富的组件进行快速开发，已经支持`H5`和`微信小程序`，包含常用表单组件、信息展示组件等，并提供`丰富的酷炫页面模板`。
+
+
+
+# 特点
+
+- 包含基础常用的布局元素，flex、grid、浮动
+- 完整一体的配色体系，包含4种色深模式，同时包含4套渐变配色
+- 300+风格统一的图标icon，后续可继续增加
+- 30+精选组件，让开发者可以快速进行开发
+- 酷炫常用的页面模板，更有让你眼前一亮的界面效果
+- 图片素材语雀便捷下载，图鸟社区共同成长
+- 使用文档详尽说明，让你一文读懂图鸟UI
+
+
+
+# 链接
+
+- [图鸟社区](https://www.yuque.com/tuniao)
+- [使用手册](https://tuniaoui.tuniaokj.com/components/introduce.html)
+
+
+
+# UI截图
+
+<p>
+    <img style="margin-top: 10px; margin-left: 10px;" alt="图鸟UI" src="https://tnuiimage.tnkjapp.com/gitee_introduce_file/1.jpg" width="300" />
+    <img style="margin-top: 10px; margin-left: 10px;" alt="图鸟UI" src="https://tnuiimage.tnkjapp.com/gitee_introduce_file/2.jpg" width="300" />
+    <img style="margin-top: 10px; margin-left: 10px;" alt="图鸟UI" src="https://tnuiimage.tnkjapp.com/gitee_introduce_file/3.jpg" width="300" />
+    <img style="margin-top: 10px; margin-left: 10px;" alt="图鸟UI" src="https://tnuiimage.tnkjapp.com/gitee_introduce_file/4.jpg" width="300" />
+    <img style="margin-top: 10px; margin-left: 10px;" alt="图鸟UI" src="https://tnuiimage.tnkjapp.com/gitee_introduce_file/5.jpg" width="300" />
+    <img style="margin-top: 10px; margin-left: 10px;" alt="图鸟UI" src="https://tnuiimage.tnkjapp.com/gitee_introduce_file/6.jpg" width="300" />
+</p>
+
+
+
+# 联系作者
+
+<p>
+    <img alt="图鸟UI" src="https://tnuiimage.tnkjapp.com/gitee_introduce_file/bottom.jpg" width="380" />
+</p>