chore: refine readme and add screenshots

README.md

@@ -22,7 +22,11 @@ This is a [demo on Heroku](https://hexxa-quickshare.herokuapp.com/).
 
 ![Quickshare on desktop](./docs/imgs/desktop_3.png)
 
-Choose Language: English | [简体中文](./docs/README_zh-cn.md)
+
+
+English | [简体中文](./docs/README_zh-cn.md)
+
+[Screenshots](./docs/screenshots.md) | [界面截图](./docs/screenshots.md)
 
 ## Features
 

docs/README_zh-cn.md

@@ -22,7 +22,9 @@
 
 ![Quickshare on desktop](./imgs/desktop_3.png)
 
-选择语言: [English](../README.md) | 简体中文
+[English](../README.md) | 简体中文
+
+[Screenshots](./screenshots.md) | [界面截图](./screenshots.md)
 
 ## 主要功能
 

docs/screenshots.md

@@ -0,0 +1,29 @@
+# v0.4.20
+
+## Site Address QR code
+
+![site_addr_qr_code](./imgs/v0.4.20/site_addr_qr_code.png)
+
+## Files Panel
+
+![files_panel](./imgs/v0.4.20/files_panel.png)
+![files_panel_op](./imgs/v0.4.20/files_panel_op.png)
+![files_panel_3](./imgs/v0.4.20/files_panel_3.png)
+
+## All Panels
+
+![panels](./imgs/v0.4.20/panels.jpg)
+
+## Settings
+
+![settings_1](./imgs/v0.4.20/settings_1.png)
+
+## Management
+
+![management_1](./imgs/v0.4.20/management_1.png)
+![management_2](./imgs/v0.4.20/management_2.png)
+
+## Sharing Panel
+
+![sharing_panel](./imgs/v0.4.20/sharing_panel.png)
+![sharing_dir_qr_code](./imgs/v0.4.20/sharing_dir_qr_code.png)