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": {
|
"style": {
|
||||||
"navigationBarTitleText": "节拍器",
|
"navigationBarTitleText": "节拍器",
|
||||||
"navigationBarBackgroundColor": "#0f172a",
|
"navigationBarBackgroundColor": "#0f172a",
|
||||||
"navigationBarTextStyle": "white"
|
"navigationBarTextStyle": "white",
|
||||||
|
"disableScroll": true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -199,14 +199,16 @@ $radius-btn: 20rpx;
|
|||||||
* 页面容器
|
* 页面容器
|
||||||
* ============================================================ */
|
* ============================================================ */
|
||||||
.page {
|
.page {
|
||||||
min-height: 100vh;
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
padding: 30rpx 28rpx 60rpx;
|
padding: 30rpx 28rpx 60rpx;
|
||||||
background: $bg-grad;
|
background: $bg-grad;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 28rpx;
|
gap: 24rpx;
|
||||||
color: $text-1;
|
color: $text-1;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
|
|||||||
Reference in New Issue
Block a user