From 6fd8f2b1a421d959c6ebcb614136f57ed93fe0a4 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, 14 May 2019 11:16:29 +0800
Subject: [PATCH] [improvement] Contact: add less vars

---
 packages/address-list/index.less |  2 +-
 packages/contact-card/index.less | 10 +++++-----
 packages/contact-edit/index.less |  6 +++---
 packages/contact-list/index.less |  6 +++---
 packages/style/var.less          | 17 +++++++++++++++++
 5 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/packages/address-list/index.less b/packages/address-list/index.less
index 67c7b729d..908e737c0 100644
--- a/packages/address-list/index.less
+++ b/packages/address-list/index.less
@@ -21,7 +21,7 @@
 }
 
 .van-address-item {
-  padding: 15px;
+  padding: @address-list-item-padding;
 
   &__value {
     padding-right: 34px;
diff --git a/packages/contact-card/index.less b/packages/contact-card/index.less
index aa85e5633..907952156 100644
--- a/packages/contact-card/index.less
+++ b/packages/contact-card/index.less
@@ -1,21 +1,21 @@
 @import '../style/var';
 
 .van-contact-card {
-  padding: 15px;
+  padding: @contact-card-padding;
 
   &__value {
     margin-left: 5px;
-    line-height: 20px;
+    line-height: @contact-card-value-line-height;
   }
 
   &--add {
     .van-contact-card__value {
-      line-height: 40px;
+      line-height: @contact-card-add-icon-size;
     }
 
     .van-cell__left-icon {
-      color: @blue;
-      font-size: 40px;
+      color: @contact-card-add-icon-color;
+      font-size: @contact-card-add-icon-size;
     }
   }
 
diff --git a/packages/contact-edit/index.less b/packages/contact-edit/index.less
index 650832fd6..cbb322745 100644
--- a/packages/contact-edit/index.less
+++ b/packages/contact-edit/index.less
@@ -2,14 +2,14 @@
 
 .van-contact-edit {
   &__buttons {
-    padding: 30px 15px;
+    padding: @contact-edit-buttons-padding;
   }
 
   .van-cell__title {
-    max-width: 65px;
+    max-width: @contact-edit-field-label-width;
   }
 
   .van-button {
-    margin-bottom: 15px;
+    margin-bottom: @contact-edit-button-margin-bottom;
   }
 }
diff --git a/packages/contact-list/index.less b/packages/contact-list/index.less
index b96529b8b..f2cdb47f3 100644
--- a/packages/contact-list/index.less
+++ b/packages/contact-list/index.less
@@ -6,7 +6,7 @@
   padding-bottom: 50px;
 
   &__item {
-    padding: 15px;
+    padding: @contact-list-item-padding;
   }
 
   &__item-value {
@@ -30,7 +30,7 @@
     position: absolute;
     top: 50%;
     right: 15px;
-    font-size: 16px;
+    font-size: @contact-list-edit-icon-size;
     transform: translate(0, -50%);
   }
 
@@ -38,6 +38,6 @@
     position: fixed;
     bottom: 0;
     left: 0;
-    z-index: 9999;
+    z-index: @contact-list-add-button-z-index;
   }
 }
diff --git a/packages/style/var.less b/packages/style/var.less
index 0d121836b..8e8d40c83 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -43,6 +43,7 @@
 @address-list-disabled-text-font-size: 12px;
 @address-list-disabled-text-line-height: 30px;
 @address-list-add-button-z-index: 9999;
+@address-list-item-padding: 15px;
 @address-list-item-text-color: @gray-darker;
 @address-list-item-disabled-text-color: @gray-dark;
 @address-list-item-font-size: 12px;
@@ -149,6 +150,22 @@
 @collapse-item-content-background-color: @white;
 @collapse-item-title-disabled-color: @gray;
 
+// ContactCard
+@contact-card-padding: 15px;
+@contact-card-add-icon-size: 40px;
+@contact-card-add-icon-color: @blue;
+@contact-card-value-line-height: 20px;
+
+// ContactEdit
+@contact-edit-buttons-padding: 30px 15px;
+@contact-edit-button-margin-bottom: 15px;
+@contact-edit-field-label-width: 65px;
+
+// ContactList
+@contact-list-edit-icon-size: 16px;
+@contact-list-add-button-z-index: 9999;
+@contact-list-item-padding: 15px;
+
 // Dialog
 @dialog-width: 85%;
 @dialog-font-size: 16px;