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:
@@ -81,7 +81,8 @@
|
||||
"style": {
|
||||
"navigationBarTitleText": "节拍器",
|
||||
"navigationBarBackgroundColor": "#0f172a",
|
||||
"navigationBarTextStyle": "white"
|
||||
"navigationBarTextStyle": "white",
|
||||
"disableScroll": true
|
||||
}
|
||||
}
|
||||
],
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
|
||||
Reference in New Issue
Block a user