[Improvement] Contact: upgrade style (#1693)

packages/vant-css/src/address-list.css

@@ -2,6 +2,8 @@
 
 .van-address-list {
   height: 100%;
+  padding-bottom: 100px;
+  box-sizing: border-box;
 
   .van-cell {
     padding: 15px;

packages/vant-css/src/contact-card.css

@@ -1,68 +1,33 @@
 @import './common/var.css';
 
 .van-contact-card {
-  position: relative;
-  background-color: $white;
+  padding: 15px;
 
-  &:active {
-    background-color: $active-color;
-  }
-
-  &--uneditable {
-    &:active {
-      background-color: $white;
-    }
+  .van-cell__value {
+    margin-left: 5px;
+    line-height: 20px;
+    display: inline-block;
+    vertical-align: middle;
   }
 
   &--add {
-    line-height: 40px;
+    .van-cell__value {
+      line-height: 40px;
+    }
 
-    .van-contact-card__icon {
-      width: 40px;
+    .van-cell__left-icon {
       color: $blue;
       font-size: 40px;
     }
   }
 
-  &--edit {
-    .van-contact-card__icon {
-      font-size: 18px;
-      vertical-align: top;
-    }
-  }
-
-  &__content {
-    padding: 15px 10px;
-  }
-
-  &__icon,
-  &__text {
-    display: inline-block;
-    vertical-align: middle;
-  }
-
-  &__icon {
-    margin-right: 10px;
-  }
-
-  &__text {
-    line-height: 20px;
-    font-size: 14px;
-  }
-
-  &__arrow {
-    top: 50%;
-    right: 10px;
-    font-size: 12px;
-    position: absolute;
-    color: $gray-dark;
-    transform: translate3d(0, -50%, 0);
-  }
-
-  &::after {
+  &::before {
     content: '';
-    display: block;
+    left: 0;
+    right: 0;
+    bottom: 0;
     height: 2px;
+    position: absolute;
     background: repeating-linear-gradient(
       -45deg,
       #ff6c6c 0,

packages/vant-css/src/contact-list.css

@@ -2,10 +2,12 @@
 
 .van-contact-list {
   height: 100%;
-  overflow-y: auto;
-  padding-bottom: 55px;
+  padding-bottom: 65px;
   box-sizing: border-box;
-  background-color: $background-color;
+
+  .van-cell {
+    padding: 15px;
+  }
 
   .van-cell__value {
     color: $text-color;
@@ -14,33 +16,40 @@
   }
 
   .van-radio__label {
-    margin-left: 32px;
+    margin-left: 27px;
   }
 
   .van-radio__input {
     top: 50%;
     left: 0;
+    font-size: 16px;
     position: absolute;
     transform: translate(0, -50%);
   }
 
   .van-icon-checked {
-    color: $blue;
+    color: $red;
   }
 
-  &__text {
-    margin: 0;
-    color: $text-color;
+  &__group {
+    height: 100%;
+    overflow-y: scroll;
+    padding-bottom: 100px;
+    box-sizing: border-box;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &__name {
     font-size: 14px;
-    line-height: 1.5;
+    font-weight: 500;
+    line-height: 20px;
   }
 
   &__edit {
     position: absolute;
     top: 50%;
     right: 15px;
-    font-size: 20px;
-    color: $gray-dark;
+    font-size: 16px;
     transform: translate(0, -50%);
   }
 
@@ -49,13 +58,5 @@
     left: 0;
     bottom: 0;
     z-index: 9999;
-    padding-left: 15px;
-    font-size: 16px;
-
-    .van-icon-add {
-      color: $blue;
-      font-size: 20px;
-      line-height: 1.2;
-    }
   }
 }