fix: 优化footer组件固定底部在刘海屏上的体验

Tencent · Jan 16, 2020 · 1034346 · 1034346
1 parent 0c2c0c1
commit 1034346
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 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
@@ -27,13 +27,15 @@
 }
 .weui-footer_fixed-bottom{
     position: fixed;
-    bottom: 16px;
-    bottom: calc(16px ~"+ constant(safe-area-inset-bottom)");
-    bottom: calc(16px ~"+ env(safe-area-inset-bottom)");
+    bottom:0;
     left: 0;
+    right: 0;
+    padding-top:16px;
+    padding-bottom:16px;
+    padding-bottom:calc(16px ~"+ constant(safe-area-inset-bottom)");
+    padding-bottom:calc(16px ~"+ env(safe-area-inset-bottom)");
     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);
 }