[improvement] Card: optimize style (#2417)

packages/card/index.less

@@ -2,14 +2,12 @@
 @import '../style/mixins/ellipsis';
 
 .van-card {
-  color: @text-color;
-  display: flex;
-  font-size: 12px;
   position: relative;
-  box-sizing: border-box;
+  color: @text-color;
+  font-size: 12px;
   padding: 5px 15px;
+  box-sizing: border-box;
   background-color: @background-color-light;
-  flex-wrap: wrap;
 
   &:not(:first-child) {
     margin-top: 10px;
@@ -21,6 +19,10 @@
     justify-content: center;
   }
 
+  &__header {
+    display: flex;
+  }
+
   &__thumb {
     position: relative;
     width: 90px;
@@ -44,12 +46,12 @@
 
   &__title,
   &__desc {
-    line-height: 17px;
     word-break: break-all;
   }
 
   &__title {
-    max-height: 34px;
+    line-height: 16px;
+    max-height: 32px;
     font-weight: bold;
 
     .multi-ellipsis(2);
@@ -57,7 +59,8 @@
 
   &__desc {
     color: @gray-darker;
-    max-height: 17px;
+    max-height: 20px;
+    line-height: 20px;
   }
 
   &__bottom {
@@ -65,7 +68,7 @@
     bottom: 0;
     left: 0;
     width: 100%;
-    line-height: 17px;
+    line-height: 18px;
   }
 
   &__price {
@@ -93,7 +96,6 @@
   }
 
   &__footer {
-    width: 100%;
     text-align: right;
     flex: none;