diff --git a/inventory-web/src/views/stock/stocktake/index.vue b/inventory-web/src/views/stock/stocktake/index.vue index 6c0eba5..0fa8e2c 100644 --- a/inventory-web/src/views/stock/stocktake/index.vue +++ b/inventory-web/src/views/stock/stocktake/index.vue @@ -1870,9 +1870,16 @@ const goToVarianceReview = () => { text-align: center; border: none; border-radius: 0; - overflow-y: auto; + /* 显式写全 overflow 两轴:.el-card 默认 overflow:hidden, + 这里用 scoped 选择器(.idle-card[data-v-x],特异性 0,2,0)压过它, + 明确声明「横向裁掉、纵向可滚」 */ + overflow: hidden auto; -webkit-overflow-scrolling: touch; /* 平板/iOS 惯性滚动 */ - padding-bottom: 40px; /* 底部留白,按钮不贴屏幕边缘 */ + /* ★ 上下各留 40px 安全边距。用 padding 而不是子元素 margin: + margin:auto 在内容超高时会塌缩为 0,导致文字紧贴屏幕顶端; + 容器自身的 padding 则始终保留,滚到顶/底都有呼吸空间 */ + padding: 40px 0; + box-sizing: border-box; } .idle-content { width: 100%; max-width: 400px; padding: 20px; margin: auto; } /* 抽盘配置区是双栏,窄容器装不下,此时放宽欢迎页 */