fix: 修复图片预览组件在刘海屏下安全间距的问题以及多个文字颜色问题

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

Hide file tree

Showing 6 changed files with 36 additions and 22 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-cell/weui-form/weui-form-preview.less b/src/style/widget/weui-cell/weui-form/weui-form-preview.less
@@ -71,6 +71,7 @@
     overflow: hidden;
     word-break:normal;
     word-wrap: break-word;
+    color:rgba(0,0,0,.9);
 }
 .weui-form-preview__btn {
     position: relative;

diff --git a/src/style/widget/weui-cell/weui-form/weui-form_common.less b/src/style/widget/weui-cell/weui-form/weui-form_common.less
@@ -60,6 +60,7 @@
 .weui-textarea-counter{
     color: @weuiTextColorTips;
     text-align: right;
+    font-size:14px;
     .weui-cell_warn &{
         color: @weuiTextColorWarn;
     }

diff --git a/src/style/widget/weui-cell/weui-gallery.less b/src/style/widget/weui-cell/weui-gallery.less
@@ -27,27 +27,32 @@
     background-color: #000000;
     z-index: 1000;
 }
-.weui-gallery__img {
+.weui-gallery__img,
+.weui-gallery__opr {
     position: absolute;
-    top: constant(safe-area-inset-top);
-    top: env(safe-area-inset-top);
+    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-gallery__img {
+    top:0;
+    top: constant(safe-area-inset-top);
+    top: env(safe-area-inset-top);
+    bottom:@weuiGalleryOprHeight;
     bottom: calc(@weuiGalleryOprHeight ~"+ constant(safe-area-inset-bottom)");
     bottom: calc(@weuiGalleryOprHeight ~"+ env(safe-area-inset-bottom)");
-    left: constant(safe-area-inset-left);
-    left: env(safe-area-inset-left);
+    width:100%;
     background: center center no-repeat;
     background-size: contain;
 }
 .weui-gallery__opr {
     position: absolute;
-    right: constant(safe-area-inset-right);
-    right: env(safe-area-inset-right);
+    bottom:0;
     bottom: constant(safe-area-inset-bottom);
     bottom: env(safe-area-inset-bottom);
-    left: constant(safe-area-inset-left);
-    left: env(safe-area-inset-left);
     background-color: #0D0D0D;
     color: #FFFFFF;
     line-height: @weuiGalleryOprHeight;

diff --git a/src/style/widget/weui-page/weui-form.less b/src/style/widget/weui-page/weui-form.less
@@ -30,7 +30,7 @@
   background-color:#FFFFFF;
 
   .weui-footer,.weui-footer__link{
-    font-size:12px;
+    font-size:14px;
   }
   .weui-agree{
     padding:0;