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

---
 packages/dropdown-item/index.less |  3 ++-
 packages/dropdown-menu/index.less | 17 +++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/packages/dropdown-item/index.less b/packages/dropdown-item/index.less
index 8c5007e2..818d6e4c 100644
--- a/packages/dropdown-item/index.less
+++ b/packages/dropdown-item/index.less
@@ -1,4 +1,5 @@
 @import '../common/style/var.less';
+@import '../common/style/theme.less';
 
 .van-dropdown-item {
   position: fixed;
@@ -12,7 +13,7 @@
     &--active {
       .van-dropdown-item__title,
       .van-dropdown-item__icon {
-        color: @dropdown-menu-option-active-color;
+        .theme(color, '@dropdown-menu-option-active-color');
       }
     }
   }
diff --git a/packages/dropdown-menu/index.less b/packages/dropdown-menu/index.less
index 6d7c62e8..5758c48d 100644
--- a/packages/dropdown-menu/index.less
+++ b/packages/dropdown-menu/index.less
@@ -1,10 +1,11 @@
 @import '../common/style/var.less';
+@import '../common/style/theme.less';
 
 .van-dropdown-menu {
   display: flex;
-  height: @dropdown-menu-height;
-  background-color: @dropdown-menu-background-color;
   user-select: none;
+  .theme(height, '@dropdown-menu-height');
+  .theme(background-color, '@dropdown-menu-background-color');
 
   &__item {
     display: flex;
@@ -23,7 +24,7 @@
       }
 
       .van-dropdown-menu__title {
-        color: @dropdown-menu-title-disabled-text-color;
+        .theme(color, '@dropdown-menu-title-disabled-text-color');
       }
     }
   }
@@ -32,10 +33,10 @@
     position: relative;
     box-sizing: border-box;
     max-width: 100%;
-    padding: @dropdown-menu-title-padding;
-    color: @dropdown-menu-title-text-color;
-    font-size: @dropdown-menu-title-font-size;
-    line-height: @dropdown-menu-title-line-height;
+    .theme(padding, '@dropdown-menu-title-padding');
+    .theme(color, '@dropdown-menu-title-text-color');
+    .theme(font-size,'@dropdown-menu-title-font-size');
+    .theme(line-height,'@dropdown-menu-title-line-height');
 
     &::after {
       position: absolute;
@@ -50,7 +51,7 @@
     }
 
     &--active {
-      color: @dropdown-menu-title-active-text-color;
+      .theme(color,'@dropdown-menu-title-active-text-color');
     }
 
     &--down {