From 62cd251327ca5618feb75cf77df84fae8b1aa057 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A5=E9=93=A7=E6=95=8F?= <1445509994@qq.com>
Date: Wed, 24 Jun 2020 11:27:51 +0800
Subject: [PATCH] fix(Sku): small image mode and text ellipsis (#6604)

---
 src/sku/components/SkuRowItem.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/sku/components/SkuRowItem.js b/src/sku/components/SkuRowItem.js
index dc4210770..e2d7f12b4 100644
--- a/src/sku/components/SkuRowItem.js
+++ b/src/sku/components/SkuRowItem.js
@@ -47,9 +47,8 @@ export default createComponent({
 
     genImage(classPrefix) {
       const { imgUrl } = this;
-
-      if (imgUrl && this.largePicturePreview) {
-        if (this.lazyLoad) {
+      if (imgUrl) {
+        if (this.largePicturePreview && this.lazyLoad) {
           return (
             <img class={`${classPrefix}-img`} src={imgUrl} vLazy={imgUrl} />
           );
@@ -83,7 +82,13 @@ export default createComponent({
           />
         )}
         {this.genImage(classPrefix)}
-        <span class={`${classPrefix}-name`}>{this.skuValue.name}</span>
+        <div class={`${classPrefix}-name`}>
+          <span
+            class={this.largePicturePreview ? 'van-multi-ellipsis--l2' : ''}
+          >
+            {this.skuValue.name}
+          </span>
+        </div>
       </span>
     );
   },