- 修改抽屉组件底部距离为 90rpx - 调整抽屉高度从85vh为 82vh - 添加 overflow: hidden 属性优化内容溢出显示 - 为内容区域添加 overflow: auto 实现滚动效果
@@ -172,15 +172,17 @@ export default {
.drawer-content {
position: absolute;
- bottom: 0;
+ bottom: 90rpx;
left: 0;
width: 100%;
- height: 85vh; // 抽屉高度
+ height: 82vh; // 抽屉高度
background-color: #f5f6fa;
border-top-left-radius: 20rpx;
border-top-right-radius: 20rpx;
display: flex;
flex-direction: column;
+ overflow: hidden;
+
}
.drawer-header {
@@ -222,6 +224,7 @@ export default {
flex: 1;
height: 100%;
padding: 0 30rpx;
+ overflow: auto;
.empty-tip {