diff --git a/README.md b/README.md
index e9759379e..e934a95d8 100644
--- a/README.md
+++ b/README.md
@@ -123,7 +123,7 @@ b. 直连
 >
 > 选中请求后，可以将它保存到已激活的 mock 数据组中。
 
-<img src="./image/1_7_0_inspector.gif" width="800">
+<img src="./image/inspector.gif" width="800">
 
 ## 使用 Mock 数据
 
@@ -131,13 +131,13 @@ b. 直连
 >
 > 可以在 DataManager 界面管理 mock 数据。
 
-<img src="./image/1_7_0_inspector_mock.gif" width="800">
+<img src="./image/inspector_mock.gif" width="800">
 
 ## Mock 数据管理
 
 > mock 数据可由左边导航栏切换到 DataManager 界面进行编辑管理
 
-<img src="./image/1_7_0_data_manager.gif" width="800">
+<img src="./image/data_manager.gif" width="800">
 
 ---
 
diff --git a/frontend/src/views/inspector/ButtonBar.vue b/frontend/src/views/inspector/ButtonBar.vue
index 21e9480d6..8c6f90fd2 100644
--- a/frontend/src/views/inspector/ButtonBar.vue
+++ b/frontend/src/views/inspector/ButtonBar.vue
@@ -322,6 +322,13 @@ export default {
   height: 15px !important;
   width: 15px !important;
 }
+.v-application--is-ltr .button-bar-diff-mode.v-input--is-label-active .v-input--switch__thumb {
+  transform: translate(11px) !important;
+}
+.v-application--is-ltr .button-bar-diff-mode.v-input--is-label-active .v-input--selection-controls__ripple
+{
+  transform: translate(11px) !important;
+}
 .inspector-button {
   padding: 3px 8px 3px;
   font-size: 14px;
diff --git a/image/1_7_0_data_manager.gif b/image/1_7_0_data_manager.gif
deleted file mode 100644
index 0ca12b4b1..000000000
Binary files a/image/1_7_0_data_manager.gif and /dev/null differ
diff --git a/image/1_7_0_inspector.gif b/image/1_7_0_inspector.gif
deleted file mode 100644
index 471966c92..000000000
Binary files a/image/1_7_0_inspector.gif and /dev/null differ
diff --git a/image/1_7_0_inspector_mock.gif b/image/1_7_0_inspector_mock.gif
deleted file mode 100644
index 9a05e1142..000000000
Binary files a/image/1_7_0_inspector_mock.gif and /dev/null differ
diff --git a/image/data_manager.gif b/image/data_manager.gif
new file mode 100644
index 000000000..8cc9cd906
Binary files /dev/null and b/image/data_manager.gif differ
diff --git a/image/inspector.gif b/image/inspector.gif
new file mode 100644
index 000000000..0bd1f2fb0
Binary files /dev/null and b/image/inspector.gif differ
diff --git a/image/inspector_mock.gif b/image/inspector_mock.gif
new file mode 100644
index 000000000..4055e9bbd
Binary files /dev/null and b/image/inspector_mock.gif differ
diff --git a/image/lyrebird.png b/image/lyrebird.png
index 3cf6c7a3b..e42296226 100644
Binary files a/image/lyrebird.png and b/image/lyrebird.png differ