feat(Style): add multi-line ellipsis classes (#4690)

src/card/index.less

@@ -1,5 +1,4 @@
 @import '../style/var';
-@import '../style/mixins/ellipsis';
 
 .van-card {
   position: relative;
@@ -47,8 +46,6 @@
     max-height: 32px;
     font-weight: @font-weight-bold;
     line-height: @card-title-line-height;
-
-    .multi-ellipsis(2);
   }
 
   &__desc {

src/card/index.tsx

@@ -100,7 +100,7 @@ function Card(
     }
 
     if (props.title) {
-      return <div class={bem('title')}>{props.title}</div>;
+      return <div class={[bem('title'), 'van-multi-ellipsis--l2']}>{props.title}</div>;
     }
   }
 

src/card/test/__snapshots__/demo.spec.js.snap

@@ -11,7 +11,7 @@ exports[`renders demo correctly 1`] = `
           </div>
         </a>
         <div class="van-card__content">
-          <div class="van-card__title">商品名称</div>
+          <div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
           <div class="van-card__desc van-ellipsis">描述信息</div>
           <div class="van-card__bottom">
             <div class="van-card__price">¥ 2.00</div>
@@ -31,7 +31,7 @@ exports[`renders demo correctly 1`] = `
           <div class="van-card__tag"><span class="van-tag van-tag--mark van-tag--danger">标签</span></div>
         </a>
         <div class="van-card__content">
-          <div class="van-card__title">商品名称</div>
+          <div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
           <div class="van-card__desc van-ellipsis">描述信息</div>
           <div class="van-card__bottom">
             <div class="van-card__price">¥ 2.00</div>
@@ -51,7 +51,7 @@ exports[`renders demo correctly 1`] = `
           </div>
         </a>
         <div class="van-card__content">
-          <div class="van-card__title">商品名称</div>
+          <div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
           <div class="van-card__desc van-ellipsis">描述信息</div>
           <div><span class="van-tag van-tag--plain van-tag--danger van-hairline--surround" style="margin-right: 5px;">
             标签