From 076eb1c601aee5da06de404e3d07a06532aaf29a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Tue, 4 Jun 2019 15:56:54 +0800
Subject: [PATCH] [improvement] Uploader: add less vars

---
 packages/style/var.less      |  7 +++++++
 packages/uploader/index.less | 16 ++++++++--------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/packages/style/var.less b/packages/style/var.less
index cdd834c6a..a2d4dc969 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -572,3 +572,10 @@
 @tree-select-item-height: 44px;
 @tree-select-item-active-color: @red;
 @tree-select-item-disabled-color: @gray;
+
+// Uploader
+@uploader-size: 80px;
+@uploader-icon-size: 24px;
+@uploader-icon-color: @gray-dark;
+@uploader-text-color: @gray-dark;
+@uploader-text-font-size: 12px;
diff --git a/packages/uploader/index.less b/packages/uploader/index.less
index d6d7cd3ab..4841f98b9 100644
--- a/packages/uploader/index.less
+++ b/packages/uploader/index.less
@@ -31,27 +31,27 @@
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
-    width: 80px;
-    height: 80px;
+    width: @uploader-size;
+    height: @uploader-size;
     margin: 0 10px 10px 0;
     background-color: @white;
     border: 1px dashed @gray-light;
 
     &-icon {
-      color: @gray-dark;
-      font-size: 24px;
+      color: @uploader-icon-color;
+      font-size: @uploader-icon-size;
     }
 
     &-text {
       margin-top: 10px;
-      color: @gray-dark;
-      font-size: 12px;
+      color: @uploader-text-color;
+      font-size: @uploader-text-font-size;
     }
   }
 
   &__preview {
-    width: 80px;
-    height: 80px;
+    width: @uploader-size;
+    height: @uploader-size;
     margin: 0 10px 10px 0;
   }
 }