feat: 增加popup

ant-design · Nov 8, 2024 · 07e6db6 · 07e6db6
1 parent 3f32acc
commit 07e6db6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/Popup/index.less b/src/Popup/index.less
@@ -28,7 +28,7 @@
     background: @popup-background;
     animation-fill-mode: forwards;
     animation-timing-function: ease-out;
-    color: @COLOR_TEXT_PRIMARY;
+    color: @popup-color;
     &-bg {
       position: absolute;
       top: 0;
@@ -46,7 +46,7 @@
         font-family: 500;
         line-height: 50 * @rpx;
         font-size: 36 * @rpx;
-        color: #333333;
+        color: @popup-color;
         text-align: center;
       }
       &-icon {
@@ -55,7 +55,7 @@
         font-size: 42 * @rpx;
         position: absolute;
         top: 33 * @rpx;
-        color: #999999;
+        color: @popup-assit-color;
         display: flex;
         justify-content: center;
         align-items: center;

diff --git a/src/Popup/variable.less b/src/Popup/variable.less
@@ -1,8 +1,13 @@
+@import (reference) '../style/variables.less';
 @import (reference) '../style/themes/index.less';
 
 // popup 背景色
-@popup-background: @COLOR_CARD;
+@popup-background: var(--color-card, @COLOR_CARD);
 // 产品蒙层
 @popup-mask-product: @color-product-mask;
 // popup 圆角
 @popup-radius: 48 * @rpx;
+
+@popup-color: var(--color-text-primary, @COLOR_TEXT_PRIMARY);
+
+@popup-assit-color: var(--color-text-assist, @COLOR_TEXT_ASSIST);