[improvement] Icon: add fit mode for image content (#3667)

This commit is contained in:
neverland
2019-06-27 20:40:13 +08:00
committed by GitHub
parent 96458cce9b
commit 68ffe0bddc
3 changed files with 4 additions and 4 deletions
+1 -1
View File
@@ -44,7 +44,7 @@ function Icon(
{...inherit(ctx, true)}
>
{slots.default && slots.default()}
{imageIcon && <Image class={bem('image')} src={props.name} />}
{imageIcon && <Image class={bem('image')} fit="contain" src={props.name} />}
<Info info={props.info} />
</props.tag>
);
@@ -12,7 +12,7 @@ exports[`render icon with builtin icon name 1`] = `
exports[`render icon with local image 1`] = `
<i class="van-icon">
<div class="van-image van-icon__image"><img src="/assets/icon.jpg" class="van-image__img">
<div class="van-image van-icon__image"><img src="/assets/icon.jpg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-icon van-icon-photo-o" style="font-size: 22px;">
<!----></i></div>
</div>
@@ -22,7 +22,7 @@ exports[`render icon with local image 1`] = `
exports[`render icon with url name 1`] = `
<i class="van-icon">
<div class="van-image van-icon__image"><img src="https://img.yzcdn.com/icon.jpg" class="van-image__img">
<div class="van-image van-icon__image"><img src="https://img.yzcdn.com/icon.jpg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-icon van-icon-photo-o" style="font-size: 22px;">
<!----></i></div>
</div>