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

---
 packages/common/style/var.less | 5 +++++
 packages/panel/index.less      | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/common/style/var.less b/packages/common/style/var.less
index 3eeb9d4b..0f57a86d 100644
--- a/packages/common/style/var.less
+++ b/packages/common/style/var.less
@@ -222,6 +222,11 @@
 // Overlay
 @overlay-background-color: rgba(0, 0, 0, 0.7);
 
+// Panel
+@panel-background-color: @white;
+@panel-header-value-color: @red;
+@panel-footer-padding: @padding-xs @padding-md;
+
 // Popup
 @popup-round-border-radius: 20px;
 @popup-close-icon-size: 18px;
diff --git a/packages/panel/index.less b/packages/panel/index.less
index db195868..09a31717 100644
--- a/packages/panel/index.less
+++ b/packages/panel/index.less
@@ -2,13 +2,13 @@
 @import '../common/style/theme.less';
 
 .van-panel {
-  .theme(background, '@white');
+  .theme(background, '@panel-background-color');
 
   &__header-value {
-    .theme(color, '@red');
+    .theme(color, '@panel-header-value-color');
   }
 
   &__footer {
-    padding: 10px 15px;
+    .theme(padding,'@panel-footer-padding');
   }
 }