blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Sku): small image mode and text ellipsis (#6604)

Browse Source
This commit is contained in:
来铧敏 2020-06-24 11:27:51 +08:00 committed by GitHub
parent 796eb46bac
commit 62cd251327
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/sku/components/SkuRowItem.js
View File

@ -47,9 +47,8 @@ export default createComponent({
genImage(classPrefix) { genImage(classPrefix) {
const { imgUrl } = this; const { imgUrl } = this;
if (imgUrl) {
if (imgUrl && this.largePicturePreview) { if (this.largePicturePreview && this.lazyLoad) {
if (this.lazyLoad) {
return ( return (
<img class={`${classPrefix}-img`} src={imgUrl} vLazy={imgUrl} /> <img class={`${classPrefix}-img`} src={imgUrl} vLazy={imgUrl} />
); );
@ -83,7 +82,13 @@ export default createComponent({
/> />
)} )}
{this.genImage(classPrefix)} {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> </span>
); );
}, },