29 lines
702 B
CSS
29 lines
702 B
CSS
/* 货盘页 - 页面容器样式 */
|
|
/* 各区块样式已移入 pages/products/components/ 下对应组件 */
|
|
|
|
.products-page {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden; /* 唯一滚动源 = scroll-view，整页绝不兜底滚动 */
|
|
background: #f2f2f2;
|
|
}
|
|
|
|
/* 主体内容 - 左右分栏 */
|
|
.content-body {
|
|
flex: 1;
|
|
display: flex;
|
|
overflow: hidden;
|
|
min-height: 0;
|
|
}
|
|
|
|
/* 右侧容器 - 自动占满剩余宽度(高度自动撑开,内部由 ProductGrid 自己滚动)
|
|
flex:1 与 height:100% 冲突，必须二选一，否则 flex 链路断裂 */
|
|
.right-wrap {
|
|
flex: 1;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
}
|