diff --git a/uniapp/src/packages/pages/points_center/points_center.vue b/uniapp/src/packages/pages/points_center/points_center.vue index 0adbf91..0a627a0 100644 --- a/uniapp/src/packages/pages/points_center/points_center.vue +++ b/uniapp/src/packages/pages/points_center/points_center.vue @@ -134,12 +134,15 @@ $line: #e8ebef; .points-center { height: 100vh; + display: flex; + flex-direction: column; overflow: hidden; background: #fff; color: $text; &__nav { height: 96rpx; + flex-shrink: 0; padding: 0 36rpx; display: flex; align-items: center; @@ -171,8 +174,11 @@ $line: #e8ebef; } &__scroll { - height: calc(100vh - 96rpx); - padding-bottom: 124rpx; + flex: 1; + min-height: 0; + display: flex; + flex-direction: column; + padding-bottom: 20rpx; overflow: hidden; box-sizing: border-box; } @@ -203,6 +209,7 @@ $line: #e8ebef; .points-card { position: relative; height: 280rpx; + flex-shrink: 0; margin: 0 28rpx 20rpx; overflow: hidden; border-radius: 28rpx; @@ -292,6 +299,7 @@ $line: #e8ebef; .quick-grid { margin: 0 28rpx 32rpx; display: grid; + flex-shrink: 0; grid-template-columns: repeat(2, 1fr); overflow: hidden; border: 1rpx solid $line; @@ -346,6 +354,7 @@ $line: #e8ebef; .section-heading { margin: 0 32rpx 20rpx; + flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; @@ -370,7 +379,8 @@ $line: #e8ebef; } .detail-card { - height: 420rpx; + flex: 1; + min-height: 0; width: calc(100% - 56rpx); margin: 0 28rpx; padding: 0 20rpx; @@ -461,6 +471,7 @@ $line: #e8ebef; .points-tip { margin: 20rpx 28rpx 0; + flex-shrink: 0; min-height: 60rpx; padding: 0 20rpx; display: flex;