From 8558c931c8a78d5f1e656ef50b05f65e09cd959c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Fri, 10 May 2019 16:16:22 +0800
Subject: [PATCH] [improvement] DropdownMenu: add less vars

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

diff --git a/packages/dropdown-menu/index.less b/packages/dropdown-menu/index.less
index 19134dd91..ccbe3d6aa 100644
--- a/packages/dropdown-menu/index.less
+++ b/packages/dropdown-menu/index.less
@@ -2,8 +2,8 @@
 
 .van-dropdown-menu {
   display: flex;
-  height: 50px;
-  background-color: @white;
+  height: @dropdown-menu-height;
+  background-color: @dropdown-menu-background-color;
   user-select: none;
 
   &__item {
@@ -19,7 +19,7 @@
 
   &__title {
     position: relative;
-    font-size: 15px;
+    font-size: @dropdown-menu-title-font-size;
 
     &::after {
       position: absolute;
diff --git a/packages/style/var.less b/packages/style/var.less
index 1f5f6ce36..c254ce679 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -149,6 +149,11 @@
 @dialog-has-title-message-padding-top: 12px;
 @dialog-confirm-button-text-color: @blue;
 
+// DropdownMenu
+@dropdown-menu-height: 50px;
+@dropdown-menu-background-color: @white;
+@dropdown-menu-title-font-size: 15px;
+
 // Field
 @field-label-width: 90px;
 @field-input-text-color: @text-color;