From a77ebe11d722a3f242ef8e4125bb94629a56b81f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 21 Jun 2020 21:49:21 +0800
Subject: [PATCH] style(ContactEdit): adjust label width and improve style

---
 .../test/__snapshots__/demo.spec.js.snap            |  6 ++----
 src/contact-edit/index.js                           |  1 +
 src/contact-edit/index.less                         | 13 ++-----------
 src/style/var.less                                  |  2 +-
 4 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/src/contact-card/test/__snapshots__/demo.spec.js.snap b/src/contact-card/test/__snapshots__/demo.spec.js.snap
index dc45fe441..ac19a8cda 100644
--- a/src/contact-card/test/__snapshots__/demo.spec.js.snap
+++ b/src/contact-card/test/__snapshots__/demo.spec.js.snap
@@ -43,10 +43,8 @@ exports[`renders demo correctly 1`] = `
         </div>
         <div class="van-cell van-cell--borderless van-contact-edit__switch-cell">
           <div class="van-cell__title"><span>设为默认联系人</span></div>
-          <div class="van-cell__value">
-            <div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
-              <div class="van-switch__node"></div>
-            </div>
+          <div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
+            <div class="van-switch__node"></div>
           </div>
         </div>
         <div class="van-contact-edit__buttons"><button class="van-button van-button--danger van-button--normal van-button--block van-button--round">
diff --git a/src/contact-edit/index.js b/src/contact-edit/index.js
index 59c289726..89452386b 100644
--- a/src/contact-edit/index.js
+++ b/src/contact-edit/index.js
@@ -128,6 +128,7 @@ export default createComponent({
             <Switch
               vModel={data.isDefault}
               size={24}
+              slot="right-icon"
               onChange={(event) => {
                 this.$emit('change-default', event);
               }}
diff --git a/src/contact-edit/index.less b/src/contact-edit/index.less
index cec00b8de..ae82daf35 100644
--- a/src/contact-edit/index.less
+++ b/src/contact-edit/index.less
@@ -7,8 +7,8 @@
     overflow: hidden;
     border-radius: @contact-edit-fields-radius;
 
-    .van-cell__title {
-      max-width: @contact-edit-field-label-width;
+    .van-field__label {
+      width: @contact-edit-field-label-width;
     }
   }
 
@@ -16,16 +16,7 @@
     margin-top: 10px;
     padding-top: 9px;
     padding-bottom: 9px;
-    overflow: hidden;
     border-radius: @contact-edit-fields-radius;
-
-    .van-cell__value {
-      flex: none;
-    }
-
-    .van-switch {
-      vertical-align: top;
-    }
   }
 
   &__buttons {
diff --git a/src/style/var.less b/src/style/var.less
index fa2f8bff5..8298e2051 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -248,7 +248,7 @@
 @contact-edit-buttons-padding: @padding-xl 0;
 @contact-edit-button-margin-bottom: @padding-sm;
 @contact-edit-button-font-size: 16px;
-@contact-edit-field-label-width: 65px;
+@contact-edit-field-label-width: 4em;
 
 // ContactList
 @contact-list-edit-icon-size: 16px;