[Improvement] Cell: update to flex-box (youzan#770)

longzy · Mar 23, 2018 · eda842c · eda842c
1 parent 0030024
commit eda842c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/packages/cell/index.vue b/packages/cell/index.vue
@@ -14,7 +14,7 @@
       </slot>
       <slot name="title">
         <span class="van-cell__text" v-text="title" />
-        <span class="van-cell__label" v-if="label" v-text="label" />
+        <div class="van-cell__label" v-if="label" v-text="label" />
       </slot>
     </div>
     <div

diff --git a/packages/vant-css/src/cell.css b/packages/vant-css/src/cell.css
@@ -2,7 +2,7 @@
 
 .van-cell {
   width: 100%;
-  display: table;
+  display: flex;
   padding: 10px 15px;
   box-sizing: border-box;
   line-height: 24px;
@@ -25,8 +25,6 @@
   }
 
   &__title {
-    display: table-cell;
-
     .van-icon {
       font-size: 16px;
       margin-right: 5px;
@@ -39,14 +37,13 @@
   }
 
   &__label {
-    display: block;
     font-size: 12px;
     line-height: 1.2;
     color: $gray-darker;
   }
 
   &__value {
-    display: table-cell;
+    flex: 1;
     text-align: right;
     vertical-align: middle;
     overflow: hidden;