style(metronome): 禁止页面上下滚动

- pages.json 给 pages/training/metronome 加 disableScroll: true
  (微信小程序级别禁滚动,主要避免下拉刷新和顶部回弹)
- .page CSS 改 min-height → height: 100vh + overflow: hidden
  (双保险,防止 iOS 橡皮筋效果与内容超出滚动)
- 内容元素 gap 28→24rpx,微调避免内容被裁

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-05-25 14:15:36 +08:00
co-authored by Cursor
parent 665481a6d8
commit a08031b901
2 changed files with 6 additions and 3 deletions
+2 -1
View File
@@ -81,7 +81,8 @@
"style": {
"navigationBarTitleText": "节拍器",
"navigationBarBackgroundColor": "#0f172a",
"navigationBarTextStyle": "white"
"navigationBarTextStyle": "white",
"disableScroll": true
}
}
],
+4 -2
View File
@@ -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;
}
/* ============================================================