From 573c1a712062d9b9be6c49166b88b0b4f498e41a Mon Sep 17 00:00:00 2001
From: Lindy <33708359+Lindysen@users.noreply.github.com>
Date: Fri, 1 Nov 2019 14:51:43 +0800
Subject: [PATCH] =?UTF-8?q?feat(Popup):=20Popup=20=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4=20(#2237)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/style/var.less |  1 +
 packages/popup/index.less      | 22 +++++-----------------
 2 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/packages/common/style/var.less b/packages/common/style/var.less
index 0f57a86d..94679b8e 100644
--- a/packages/common/style/var.less
+++ b/packages/common/style/var.less
@@ -228,6 +228,7 @@
 @panel-footer-padding: @padding-xs @padding-md;
 
 // Popup
+@popup-background-color: @white;
 @popup-round-border-radius: 20px;
 @popup-close-icon-size: 18px;
 @popup-close-icon-color: @gray-dark;
diff --git a/packages/popup/index.less b/packages/popup/index.less
index 8d7a027f..8fd62a2d 100644
--- a/packages/popup/index.less
+++ b/packages/popup/index.less
@@ -9,7 +9,7 @@
   transition-timing-function: ease;
   animation: ease both;
   -webkit-overflow-scrolling: touch;
-  .theme(background-color, '@white');
+  .theme(background-color, '@popup-background-color');
 
   &--center {
     top: 50%;
@@ -27,10 +27,7 @@
     width: 100%;
 
     &.van-popup--round {
-      .theme(
-        border-radius,
-        '0 0 @popup-round-border-radius @popup-round-border-radius'
-      );
+      .theme(border-radius, '0 0 @popup-round-border-radius @popup-round-border-radius');
     }
   }
 
@@ -40,10 +37,7 @@
     transform: translate3d(0, -50%, 0);
 
     &.van-popup--round {
-      .theme(
-        border-radius,
-        '@popup-round-border-radius 0 0 @popup-round-border-radius'
-      );
+      .theme(border-radius, '@popup-round-border-radius 0 0 @popup-round-border-radius');
     }
   }
 
@@ -53,10 +47,7 @@
     width: 100%;
 
     &.van-popup--round {
-      .theme(
-        border-radius,
-        '@popup-round-border-radius @popup-round-border-radius 0 0'
-      );
+      .theme(border-radius, '@popup-round-border-radius @popup-round-border-radius 0 0');
     }
   }
 
@@ -66,10 +57,7 @@
     transform: translate3d(0, -50%, 0);
 
     &.van-popup--round {
-      .theme(
-        border-radius,
-        '0 @popup-round-border-radius @popup-round-border-radius 0'
-      );
+      .theme(border-radius, '0 @popup-round-border-radius @popup-round-border-radius 0');
     }
   }