18069996051/mixly3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
王立帮
2025-03-22 21:31:02 +08:00
parent f428b83fab
commit 56b75ec93f
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
common/css/footer-layer.css
View File

@@ -9,7 +9,7 @@
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; 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 { .footer-layer > .footer-layer-content > .layui-layer-title {

7
common/templates/html/footerlayer/footerlayer-example.html
View File

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