yumoqing/bricks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mobile): 手机全屏弹窗底部让出TabBar(不盖底部标签栏,用户随时可点Tab离开)+pl-gate定位工具类(未购门禁遮罩用)(2026-09-08用户三条要求)

Browse Source
This commit is contained in:
yumoqing 2026-09-08 16:01:13 +08:00
parent 69a41fac54
commit 1d4c6be71f
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
bricks/css/bricks.css
View File

@ -1112,12 +1112,14 @@ hr {
/* ══════════ 手机视口全局规则（<=768px；平板按桌面处理） ══════════ */
@media (max-width: 768px) {
/* PopupWindow 全屏化：bricks 弹窗行内 width/height/left/top，用 !important 覆盖。
* 只针对 .popupwindow —— 普通 .popup（下拉菜单/小提示）保持锚定小窗 */
* 只针对 .popupwindow —— 普通 .popup（下拉菜单/小提示）保持锚定小窗。
* 底部让出 TabBar 高度：全屏弹窗不盖住底部标签栏（2026-09-08 用户要求），
* 用户随时可点 Tab 离开弹窗页 */
.popupwindow {
width: 100vw !important;
max-width: 100vw !important;
height: 100vh !important;
max-height: 100vh !important;
height: calc(100vh - 56px - env(safe-area-inset-bottom, 0px)) !important;
max-height: calc(100vh - 56px - env(safe-area-inset-bottom, 0px)) !important;
left: 0 !important;
top: 0 !important;
border-radius: 0 !important;
@ -1145,3 +1147,14 @@ hr {
white-space: normal !important;
line-height: 1.5;
}
/* 门禁遮罩定位工具类（2026-09-08 未购产线引导层用）：
* 根容器 relative + 遮罩 absolute 铺满内容区（不盖顶栏/底部 TabBar） */
.pl-gate-root { position: relative; }
.pl-gate {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}