style: 对固定底部的footer增加刘海屏安全区域

Tencent · Sep 17, 2019 · 816a631 · 816a631
1 parent 54f804b
commit 816a631
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 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-footer/weui-footer.less b/src/style/widget/weui-footer/weui-footer.less
@@ -28,8 +28,14 @@
 .weui-footer_fixed-bottom{
     position: fixed;
     bottom: 16px;
+    bottom: calc(16px ~"+ constant(safe-area-inset-bottom)");
+    bottom: calc(16px ~"+ env(safe-area-inset-bottom)");
     left: 0;
+    left: constant(safe-area-inset-left);
+    left: env(safe-area-inset-left);
     right: 0;
+    right: constant(safe-area-inset-right);
+    right: env(safe-area-inset-right);
 }
 .weui-footer__links{
     font-size: 0;