[improvement] avoid use cell selector (#2714)

packages/contact-card/index.js

@@ -28,8 +28,9 @@ export default sfc({
       <Cell
         center
         border={false}
-        class={bem([type])}
         isLink={editable}
+        class={bem([type])}
+        value-class={bem('value')}
         icon={type === 'edit' ? 'contact' : 'add-square'}
         onClick={event => {
           if (editable && listeners.click) {

packages/contact-card/index.less

@@ -3,7 +3,7 @@
 .van-contact-card {
   padding: 15px;
 
-  .van-cell__value {
+  &__value {
     margin-left: 5px;
     line-height: 20px;
     display: inline-block;
@@ -11,7 +11,7 @@
   }
 
   &--add {
-    .van-cell__value {
+    .van-contact-card__value {
       line-height: 40px;
     }
 

packages/contact-card/test/__snapshots__/demo.spec.js.snap

@@ -5,14 +5,14 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-cell van-cell--center van-cell--borderless van-cell--clickable van-contact-card van-contact-card--add"><i class="van-icon van-icon-add-square van-cell__left-icon">
         <!----></i>
-      <div class="van-cell__value van-cell__value--alone">添加联系人</div><i class="van-icon van-icon-arrow van-cell__right-icon">
+      <div class="van-cell__value van-cell__value--alone van-contact-card__value">添加联系人</div><i class="van-icon van-icon-arrow van-cell__right-icon">
         <!----></i>
     </div>
     <div name="van-popup-slide-bottom" class="van-popup van-popup--bottom" style="display:none;">
       <div class="van-contact-list">
         <div class="van-radio-group van-contact-list__group">
-          <div class="van-cell van-cell--clickable">
-            <div class="van-cell__value van-cell__value--alone">
+          <div class="van-cell van-cell--clickable van-contact-list__item">
+            <div class="van-cell__value van-cell__value--alone van-contact-list__item-value">
               <div class="van-radio">
                 <div class="van-radio__icon van-radio__icon--round"><i class="van-icon van-icon-success">
                     <!----></i></div><span class="van-radio__label"><div class="van-contact-list__name">张三，13000000000</div></span>
@@ -26,13 +26,13 @@ exports[`renders demo correctly 1`] = `
     <div name="van-popup-slide-bottom" class="van-popup van-popup--bottom" style="display:none;">
       <div class="van-contact-edit">
         <div maxlength="30" placeholder="请填写姓名" class="van-cell van-field">
-          <div class="van-cell__title"><span>张三</span></div>
+          <div class="van-cell__title van-field__label"><span>张三</span></div>
           <div class="van-cell__value">
             <div class="van-field__body"><input type="text" maxlength="30" placeholder="请填写姓名" value="" class="van-field__control"></div>
           </div>
         </div>
         <div placeholder="请填写电话" class="van-cell van-field">
-          <div class="van-cell__title"><span>电话</span></div>
+          <div class="van-cell__title van-field__label"><span>电话</span></div>
           <div class="van-cell__value">
             <div class="van-field__body"><input type="tel" placeholder="请填写电话" value="" class="van-field__control"></div>
           </div>
@@ -44,7 +44,7 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-cell van-cell--center van-cell--borderless van-contact-card van-contact-card--edit"><i class="van-icon van-icon-contact van-cell__left-icon">
         <!----></i>
-      <div class="van-cell__value van-cell__value--alone">
+      <div class="van-cell__value van-cell__value--alone van-contact-card__value">
         <div>张三：张三</div>
         <div>电话：13000000000</div>
       </div>