From ac0ae919337eeb5fd908bf47a5d282698c4b2b6a Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Mon, 25 Jan 2021 18:00:08 +0800
Subject: [PATCH] perf(Sku): using icon instead of cdn image (#7992)
* perf(Sku): using icon instead of cdn image
* chore: adjust prop order
---
src/sku/components/SkuRowItem.js | 5 +++--
src/sku/index.less | 5 +++++
2 files changed, 8 insertions(+), 2 deletions(-)
diff --git a/src/sku/components/SkuRowItem.js b/src/sku/components/SkuRowItem.js
index f73f3f95f..f50738233 100644
--- a/src/sku/components/SkuRowItem.js
+++ b/src/sku/components/SkuRowItem.js
@@ -2,6 +2,7 @@ import { bem } from './SkuRow';
import { createNamespace } from '../../utils';
import { isSkuChoosable } from '../utils/sku-helper';
import { ChildrenMixin } from '../../mixins/relation';
+import Icon from '../../icon';
import Image from '../../image';
const [createComponent] = createNamespace('sku-row-item');
@@ -102,9 +103,9 @@ export default createComponent({
)}
</div>
{this.largeImageMode && (
- <img
+ <Icon
+ name="enlarge"
class={`${classPrefix}-img-icon`}
- src="https://img.yzcdn.cn/upload_files/2020/07/02/Fu4_ya0l0aAt4Mv4PL9jzPzfZnDX.png"
onClick={this.onPreviewImg}
/>
)}
diff --git a/src/sku/index.less b/src/sku/index.less
index 301bd431f..c038d6349 100644
--- a/src/sku/index.less
+++ b/src/sku/index.less
@@ -200,6 +200,11 @@
z-index: 3;
width: 18px;
height: 18px;
+ color: #fff;
+ line-height: 18px;
+ text-align: center;
+ background-color: rgba(0, 0, 0, 0.4);
+ border-bottom-left-radius: @border-radius-md;
}
}