Commit 30d0fcbd authored by weishengfei's avatar weishengfei

refactor(pages): 优化产后护理页面布局和滚动体验

- 调整页面容器样式,设置 overflow 为 visible,增加 box-sizing 属性
- 优化弹窗关闭按钮和操作栏的样式,设置 flex-shrink: 0
- 重构机场列表样式,使用 calc() 计算高度,移除不必要的滚动属性
- 注释掉操作栏的 sticky 定位,提高兼容性
parent d0f59c06
......@@ -576,10 +576,11 @@ onLoad((options) => {
flex-direction: column;
height: 1200rpx;
padding: 20rpx 35rpx 30rpx 35rpx;
overflow: hidden;
overflow: visible;
background: #f6f8fa;
position: relative;
border-radius: 32rpx 32rpx 0 0;
box-sizing: border-box;
}
.popup-close {
......@@ -592,6 +593,7 @@ onLoad((options) => {
align-items: center;
height: 70rpx;
padding-right: 5rpx;
flex-shrink: 0;
image {
width: 38rpx;
height: 39rpx;
......@@ -599,15 +601,14 @@ onLoad((options) => {
}
.airport-list {
flex: 1;
overflow: auto;
-webkit-overflow-scrolling: touch;
height: calc(100% - 180rpx);
overflow-y: auto;
}
.letter-group {
margin-top: 25rpx;
margin-bottom: 30rpx;
-webkit-overflow-scrolling: touch;
}
.letter-title {
......@@ -689,6 +690,7 @@ onLoad((options) => {
}
.action-bar {
flex-shrink: 0;
width: 686rpx;
height: 94rpx;
border-radius: 46rpx;
......@@ -698,8 +700,8 @@ onLoad((options) => {
display: flex;
align-items: center;
justify-content: center;
position: sticky;
bottom: 0;
// position: sticky;
// bottom: 0;
z-index: 10;
}
......
......@@ -445,10 +445,11 @@ onLoad((options) => {
flex-direction: column;
height: 1200rpx;
padding: 20rpx 35rpx 30rpx 35rpx;
overflow: hidden;
overflow: visible;
background: #f6f8fa;
position: relative;
border-radius: 32rpx 32rpx 0 0;
box-sizing: border-box;
}
.popup-close {
......@@ -461,6 +462,7 @@ onLoad((options) => {
align-items: center;
height: 70rpx;
padding-right: 5rpx;
flex-shrink: 0;
image {
width: 28rpx;
height: 29rpx;
......@@ -468,15 +470,13 @@ onLoad((options) => {
}
.airport-list {
flex: 1;
overflow: auto;
-webkit-overflow-scrolling: touch;
height: calc(100% - 180rpx);
overflow-y: auto;
}
.letter-group {
margin-top: 30rpx;
margin-bottom: 30rpx;
-webkit-overflow-scrolling: touch;
}
.letter-title {
......@@ -558,6 +558,7 @@ onLoad((options) => {
}
.action-bar {
flex-shrink: 0;
width: 686rpx;
height: 94rpx;
border-radius: 46rpx;
......@@ -567,8 +568,8 @@ onLoad((options) => {
display: flex;
align-items: center;
justify-content: center;
position: sticky;
bottom: 0;
// position: sticky;
// bottom: 0;
z-index: 10;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment