javascript/weui
1
0
Fork 0
mirror of https://github.com/Tencent/weui.git synced 2026-03-13 08:02:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复半屏弹窗非刘海屏下的布局问题

Browse Source
This commit is contained in:
xushengni
2020-01-16 17:47:46 +08:00
parent ddf0a8999d
commit ae86a5007c
3 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
dist/style/weui.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/style/weui.min.css vendored
View File

File diff suppressed because one or more lines are too long

9
src/style/widget/weui-tips/weui-half-screen-dialog.less
View File

@@ -30,6 +30,7 @@
border-top-right-radius:12px;
overflow:hidden;
padding:0 24px;
padding:0 calc(24px ~"+ constant(safe-area-inset-right)") constant(safe-area-inset-bottom) calc(24px ~"+ constant(safe-area-inset-left)");
padding:0 calc(24px ~"+ env(safe-area-inset-right)") env(safe-area-inset-bottom) calc(24px ~"+ env(safe-area-inset-left)");
}
@@ -44,6 +45,7 @@
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
&:active{opacity:.5;}
}
}
.weui-half-screen-dialog__hd__side{
@@ -79,9 +81,12 @@
.weui-half-screen-dialog__bd {
.hyphens();
overflow-y:auto;
padding-top:4px;
padding-bottom:40px;
font-size:14px;
color:rgba(0,0,0,.9);
}
.weui-half-screen-dialog__desc {
padding-top:4px;
font-size:17px;
font-weight:700;
color:rgba(0,0,0,.9);
@@ -94,7 +99,7 @@
line-height:1.4;
}
.weui-half-screen-dialog__ft {
padding:40px 24px 32px;
padding:0 24px 32px;
text-align:center;
.weui-btn:nth-last-child(n+2),
.weui-btn:nth-last-child(n+2) ~ .weui-btn{