Просмотр исходного кода

style(components): 调整抽屉组件样式和布局

- 修改抽屉组件底部距离为 90rpx
- 调整抽屉高度从85vh为 82vh
- 添加 overflow: hidden 属性优化内容溢出显示
- 为内容区域添加 overflow: auto 实现滚动效果
mws 1 месяц назад
Родитель
Сommit
56be0865e9
1 измененных файлов с 5 добавлено и 2 удалено
  1. 5 2
      components/cjx/select-store-drawer.vue

+ 5 - 2
components/cjx/select-store-drawer.vue

@@ -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 {