diff --git a/README.md b/README.md
index bb3f95e0b..4f5ed1e72 100644
--- a/README.md
+++ b/README.md
@@ -74,28 +74,91 @@ PC客户端点[这里](https://github.com/wildfirechat/vue-pc-chat/releases)下
 之后再部署开放平台服务、频道（公众号）服务、机器人服务、推送服务、Turn服务（音视频服务）来实现完整的应用功能，详情可以详细阅读文档。
 
 ## 应用截图
-![ios-demo](http://static.wildfirechat.cn/ios-demo.gif)
+登录界面
 
-<img src="http://static.wildfirechat.cn/ios-message-view.png" width = 50% height = 50% />
+<img src="./screenshots/1_login.png" width = 50% height = 50% />
 
-<img src="http://static.wildfirechat.cn/ios-contact-view.png" width = 50% height = 50% />
+会话列表
 
-<img src="http://static.wildfirechat.cn/ios-discover-view.png" width = 50% height = 50% />
+<img src="./screenshots/2_conversation_list.png" width = 50% height = 50% />
 
-<img src="http://static.wildfirechat.cn/ios-settings-view.png" width = 50% height = 50% />
+好友列表
 
-<img src="http://static.wildfirechat.cn/ios-messagelist-view.png" width = 50% height = 50% />
+<img src="./screenshots/3_contacts_list.png" width = 50% height = 50% />
 
-<img src="http://static.wildfirechat.cn/ios-chat-setting-view.png" width = 50% height = 50% />
+工作台
 
-<img src="http://static.wildfirechat.cn/ios-takephoto-view.png" width = 50% height = 50% />
+<img src="./screenshots/4_workplatform.png" width = 50% height = 50% />
 
-<img src="http://static.wildfirechat.cn/ios-record-voice-view.png" width = 50% height = 50% />
+发现
 
-<img src="http://static.wildfirechat.cn/ios-location-view.png" width = 50% height = 50% />
+<img src="./screenshots/5_discover.png" width = 50% height = 50% />
 
-<img src="http://static.wildfirechat.cn/ios-voip-view.png" width = 50% height = 50% />
+我的页面
 
+<img src="./screenshots/6_settings.png" width = 50% height = 50% />
+
+消息聊天
+
+<img src="./screenshots/7_conversation.png" width = 50% height = 50% />
+
+动态表情
+
+<img src="./screenshots/8_conversation_sticker.png" width = 50% height = 50% />
+
+语音消息
+
+<img src="./screenshots/9_conversation_voice_msg.png" width = 50% height = 50% />
+
+位置消息
+
+<img src="./screenshots/10_conversation_location.png" width = 50% height = 50% />
+
+拍摄图片或者小视频
+
+<img src="./screenshots/11_conversation_capture.jpeg" width = 50% height = 50% />
+
+会话设置
+
+<img src="./screenshots/13_conversation_settings.png" width = 50% height = 50% />
+
+朋友圈
+
+<img src="./screenshots/14_moments.png" width = 50% height = 50% />
+
+新好友
+
+<img src="./screenshots/15_new_friends.png" width = 50% height = 50% />
+
+多人视频通话
+
+<img src="./screenshots/16_videocall.png" width = 50% height = 50% />
+
+会议主页
+
+<img src="./screenshots/17_conference_home.png" width = 50% height = 50% />
+
+会议详情
+
+<img src="./screenshots/18_conference_info.png" width = 50% height = 50% />
+
+会议界面
+
+<img src="./screenshots/19_conference.png" width = 50% height = 50% />
+
+PC客户端界面
+
+<img src="./screenshots/20_pc.png" width = 50% height = 50% />
+
+移动客户端、PC客户端和Web客户端三端同框
+
+<img src="./screenshots/21_three_platform.png" width = 50% height = 50% />
+
+小程序客户端
+
+<img src="./screenshots/22_micro_app.jpeg" width = 50% height = 50% />
+
+> 更多详细信息请下载demo进行体验。
 
 ## 编译
 由于```distribution/pom.xml```中使用了生成RPM包的plugin，所以需要本地安装有rpm。如果不需要RPM包，可以删除掉```distribution/pom.xml```文件中的RPM plugin。
@@ -136,7 +199,7 @@ mvn clean package
 
 商务合作请微信联系：
 
-* 微信1：wildfirechat 
+* 微信1：wildfirechat
 * 微信2：wfchat
 
 ## 问题交流
diff --git a/screenshots/10_conversation_location.png b/screenshots/10_conversation_location.png
new file mode 100644
index 000000000..2d473af5d
Binary files /dev/null and b/screenshots/10_conversation_location.png differ
diff --git a/screenshots/11_conversation_capture.jpeg b/screenshots/11_conversation_capture.jpeg
new file mode 100644
index 000000000..b0468c28e
Binary files /dev/null and b/screenshots/11_conversation_capture.jpeg differ
diff --git a/screenshots/13_conversation_settings.png b/screenshots/13_conversation_settings.png
new file mode 100644
index 000000000..afc411b63
Binary files /dev/null and b/screenshots/13_conversation_settings.png differ
diff --git a/screenshots/14_moments.png b/screenshots/14_moments.png
new file mode 100644
index 000000000..a2dbbceab
Binary files /dev/null and b/screenshots/14_moments.png differ
diff --git a/screenshots/15_new_friends.png b/screenshots/15_new_friends.png
new file mode 100644
index 000000000..af3b8e956
Binary files /dev/null and b/screenshots/15_new_friends.png differ
diff --git a/screenshots/16_videocall.png b/screenshots/16_videocall.png
new file mode 100644
index 000000000..6c5efaf72
Binary files /dev/null and b/screenshots/16_videocall.png differ
diff --git a/screenshots/17_conference_home.png b/screenshots/17_conference_home.png
new file mode 100644
index 000000000..f61d17c9a
Binary files /dev/null and b/screenshots/17_conference_home.png differ
diff --git a/screenshots/18_conference_info.png b/screenshots/18_conference_info.png
new file mode 100644
index 000000000..28362758f
Binary files /dev/null and b/screenshots/18_conference_info.png differ
diff --git a/screenshots/19_conference.png b/screenshots/19_conference.png
new file mode 100644
index 000000000..4d771970c
Binary files /dev/null and b/screenshots/19_conference.png differ
diff --git a/screenshots/1_login.png b/screenshots/1_login.png
new file mode 100644
index 000000000..401234949
Binary files /dev/null and b/screenshots/1_login.png differ
diff --git a/screenshots/20_pc.png b/screenshots/20_pc.png
new file mode 100644
index 000000000..70742bec8
Binary files /dev/null and b/screenshots/20_pc.png differ
diff --git a/screenshots/21_three_platform.png b/screenshots/21_three_platform.png
new file mode 100644
index 000000000..19e8f27aa
Binary files /dev/null and b/screenshots/21_three_platform.png differ
diff --git a/screenshots/22_micro_app.jpeg b/screenshots/22_micro_app.jpeg
new file mode 100644
index 000000000..764253870
Binary files /dev/null and b/screenshots/22_micro_app.jpeg differ
diff --git a/screenshots/2_conversation_list.png b/screenshots/2_conversation_list.png
new file mode 100644
index 000000000..86c08d0d1
Binary files /dev/null and b/screenshots/2_conversation_list.png differ
diff --git a/screenshots/3_contacts_list.png b/screenshots/3_contacts_list.png
new file mode 100644
index 000000000..44da058db
Binary files /dev/null and b/screenshots/3_contacts_list.png differ
diff --git a/screenshots/4_workplatform.png b/screenshots/4_workplatform.png
new file mode 100644
index 000000000..776f1a89e
Binary files /dev/null and b/screenshots/4_workplatform.png differ
diff --git a/screenshots/5_discover.png b/screenshots/5_discover.png
new file mode 100644
index 000000000..7a67646aa
Binary files /dev/null and b/screenshots/5_discover.png differ
diff --git a/screenshots/6_settings.png b/screenshots/6_settings.png
new file mode 100644
index 000000000..ec5c6b655
Binary files /dev/null and b/screenshots/6_settings.png differ
diff --git a/screenshots/7_conversation.png b/screenshots/7_conversation.png
new file mode 100644
index 000000000..f463cbf38
Binary files /dev/null and b/screenshots/7_conversation.png differ
diff --git a/screenshots/8_conversation_sticker.png b/screenshots/8_conversation_sticker.png
new file mode 100644
index 000000000..f0cbdb423
Binary files /dev/null and b/screenshots/8_conversation_sticker.png differ
diff --git a/screenshots/9_conversation_voice_msg.png b/screenshots/9_conversation_voice_msg.png
new file mode 100644
index 000000000..873a9a284
Binary files /dev/null and b/screenshots/9_conversation_voice_msg.png differ