diff --git a/TUICallKit-Vue3/pages.json b/TUICallKit-Vue3/pages.json
index ca65d0d2..f2e03c0a 100644
--- a/TUICallKit-Vue3/pages.json
+++ b/TUICallKit-Vue3/pages.json
@@ -81,7 +81,8 @@
 			"style": {
 				"navigationBarTitleText": "节拍器",
 				"navigationBarBackgroundColor": "#0f172a",
-				"navigationBarTextStyle": "white"
+				"navigationBarTextStyle": "white",
+				"disableScroll": true
 			}
 		}
 	],
diff --git a/TUICallKit-Vue3/pages/training/metronome.vue b/TUICallKit-Vue3/pages/training/metronome.vue
index 79011167..c826a975 100644
--- a/TUICallKit-Vue3/pages/training/metronome.vue
+++ b/TUICallKit-Vue3/pages/training/metronome.vue
@@ -199,14 +199,16 @@ $radius-btn: 20rpx;
  * 页面容器
  * ============================================================ */
 .page {
-    min-height: 100vh;
+    height: 100vh;
+    box-sizing: border-box;
     padding: 30rpx 28rpx 60rpx;
     background: $bg-grad;
     display: flex;
     flex-direction: column;
     align-items: center;
-    gap: 28rpx;
+    gap: 24rpx;
     color: $text-1;
+    overflow: hidden;
 }
 
 /* ============================================================