feat: demo样式完善

ant-design · Aug 29, 2024 · 736c51e · 736c51e
1 parent 2529244
commit 736c51e
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 3 deletions.
diff --git a/compiled/alipay/demo/pages/Popup/index.less b/compiled/alipay/demo/pages/Popup/index.less
@@ -5,13 +5,18 @@
   .ant-popup-content {
     background: none;
   }
+  .ant-popup-transform-bottom {
+    padding-bottom: 0;
+  }
 }
 .customize-content {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
-  padding: 140rpx 24rpx 100rpx 24rpx;
+  padding: 140rpx 24rpx 0rpx 24rpx;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
   &-image {
     width: 666rpx;
   }

diff --git a/compiled/alipay/src/Popup/index.less b/compiled/alipay/src/Popup/index.less
@@ -94,6 +94,8 @@
       bottom: 0;
       animation-name: ant-popup-transform-bottom;
       border-radius: @popup-radius @popup-radius 0 0;
+      padding-bottom: constant(safe-area-inset-bottom);
+      padding-bottom: env(safe-area-inset-bottom);
       &-close {
         animation-name: ant-popup-transform-bottom-close;
       }

diff --git a/compiled/wechat/demo/pages/Popup/index.wxss b/compiled/wechat/demo/pages/Popup/index.wxss
@@ -4,12 +4,17 @@
 .customize-top-image-popup .ant-popup-content {
   background: none;
 }
+.customize-top-image-popup .ant-popup-transform-bottom {
+  padding-bottom: 0;
+}
 .customize-content {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
-  padding: 140rpx 24rpx 100rpx 24rpx;
+  padding: 140rpx 24rpx 0rpx 24rpx;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
 }
 .customize-content-image {
   width: 666rpx;

diff --git a/demo/pages/Popup/index.less b/demo/pages/Popup/index.less
@@ -5,13 +5,18 @@
   .ant-popup-content {
     background: none;
   }
+  .ant-popup-transform-bottom {
+    padding-bottom: 0;
+  }
 }
 .customize-content {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
-  padding: 140rpx 24rpx 100rpx 24rpx;
+  padding: 140rpx 24rpx 0rpx 24rpx;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
   &-image {
     width: 666rpx;
   }