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

Tencent · Jan 16, 2020 · ae86a50 · ae86a50
1 parent ddf0a89
commit ae86a50
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/dist/style/weui.css b/dist/style/weui.css
diff --git a/dist/style/weui.min.css b/dist/style/weui.min.css
diff --git a/src/style/widget/weui-tips/weui-half-screen-dialog.less b/src/style/widget/weui-tips/weui-half-screen-dialog.less
@@ -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{