Fix: 修复移动端下使用vh会导致footerlayer元素高度超过视口

2025-03-22 21:31:02 +08:00
parent f428b83fab
commit 56b75ec93f
2 changed files with 7 additions and 2 deletions
--- a/common/css/footer-layer.css
+++ b/common/css/footer-layer.css
@@ -9,7 +9,7 @@
    height: 100%;
    display: flex;
    flex-direction: column;
-    max-height: calc(100vh - var(--footer-height) - var(--nav-height) - 25px);
+    max-height: calc(100dvh - var(--footer-height) - var(--nav-height) - 25px);
 }

 .footer-layer > .footer-layer-content > .layui-layer-title {
--- a/common/templates/html/footerlayer/footerlayer-example.html
+++ b/common/templates/html/footerlayer/footerlayer-example.html
@@ -49,5 +49,10 @@
    .footer-layer-example .layui-tree-iconClick .layui-icon {
        font-size: 16px;
    }
+
+    div[m-id="{{d.mId}}"] {
+        width: 100%;
+        height: 100%;
+    }
 </style>
-<div class="example-tree-body page-item"></div>
+<div m-id={{d.mId}} class="example-tree-body"></div>