diff --git a/README.md b/README.md
index 0062bb17554931134e896951694c3b4e0d399d5c..a326fa6b7e2ed22bfede0c7d9c2c7091ad6258de 100644
--- a/README.md
+++ b/README.md
@@ -6,9 +6,13 @@
 
 ### 效果预览
 
-![](screenshots/device/custom.gif)
+| 滑动选择弹窗                                   | 模态弹窗                                      | 半模态弹窗                                      | toast弹窗                                |
+|------------------------------------------|-------------------------------------------|--------------------------------------------|----------------------------------------|
+| ![image](screenshots/device/slide.gif)   | ![image](screenshots/device/modality.gif) | ![image](screenshots/device/semimodal.gif) | ![image](screenshots/device/toast.gif) |
+| 隐私协议弹窗                                   | 全屏弹窗                                      | 自定义日历选择器弹窗                                 | 两级半模态+全屏弹窗                             |
+| ![image](screenshots/device/privacy.gif) | ![image](screenshots/device/screen.gif)   | ![image](screenshots/device/customize.gif) | ![image](screenshots/device/add.gif)   |
 
-使用说明：
+### 使用说明：
 
 加载完成后显示首页的8个自定义弹窗类别，点击对应按钮，进入相应的弹窗页面：
 1. 滑动选择弹窗：点击页面底部两个按钮，会弹出对应的12小时制的时间选择器弹窗和文本选择器弹窗。
diff --git a/oh-package.json5 b/oh-package.json5
index e61264cc8a53529e4f4fa5968c6282b060682351..958771de607f028dc5ca1975b65a9cb94cc8706e 100644
--- a/oh-package.json5
+++ b/oh-package.json5
@@ -9,7 +9,5 @@
   "dependencies": {
   },
   "devDependencies": {
-    "@ohos/hypium": "1.0.17",
-    "@ohos/hamock": "1.0.0"
   }
 }
\ No newline at end of file
diff --git a/screenshots/device/add.gif b/screenshots/device/add.gif
new file mode 100644
index 0000000000000000000000000000000000000000..51f3f4ad3adcab0a9f68ae3391f0b66253f72126
Binary files /dev/null and b/screenshots/device/add.gif differ
diff --git a/screenshots/device/customize.gif b/screenshots/device/customize.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a4e42c9088fc3e498b1b6845a682a015938a243d
Binary files /dev/null and b/screenshots/device/customize.gif differ
diff --git a/screenshots/device/modality.gif b/screenshots/device/modality.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fb6d58fad39b875f3ea2ced5ed919d95649750f4
Binary files /dev/null and b/screenshots/device/modality.gif differ
diff --git a/screenshots/device/privacy.gif b/screenshots/device/privacy.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2b6251b82c7cc0e3f42834f2ac132f9cd9a41b27
Binary files /dev/null and b/screenshots/device/privacy.gif differ
diff --git a/screenshots/device/screen.gif b/screenshots/device/screen.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f9cac1d501ce5401dbba8ee221551a60ccb27965
Binary files /dev/null and b/screenshots/device/screen.gif differ
diff --git a/screenshots/device/semimodal.gif b/screenshots/device/semimodal.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1290eb53dd782c01e1b8d8465b3eca6367669985
Binary files /dev/null and b/screenshots/device/semimodal.gif differ
diff --git a/screenshots/device/slide.gif b/screenshots/device/slide.gif
new file mode 100644
index 0000000000000000000000000000000000000000..0c4ff9c7d213003f95c3bc2d6bf223ea7d941552
Binary files /dev/null and b/screenshots/device/slide.gif differ
diff --git a/screenshots/device/toast.gif b/screenshots/device/toast.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fbaf042f740a32a46d9e99ab9ab175b1be787ee3
Binary files /dev/null and b/screenshots/device/toast.gif differ