perf(Sku): using icon instead of cdn image (#7992)

* perf(Sku): using icon instead of cdn image

* chore: adjust prop order
This commit is contained in:
neverland 2021-01-25 18:00:08 +08:00 committed by GitHub
parent 297aaed4c0
commit ac0ae91933
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 2 deletions

View File

@ -2,6 +2,7 @@ import { bem } from './SkuRow';
import { createNamespace } from '../../utils'; import { createNamespace } from '../../utils';
import { isSkuChoosable } from '../utils/sku-helper'; import { isSkuChoosable } from '../utils/sku-helper';
import { ChildrenMixin } from '../../mixins/relation'; import { ChildrenMixin } from '../../mixins/relation';
import Icon from '../../icon';
import Image from '../../image'; import Image from '../../image';
const [createComponent] = createNamespace('sku-row-item'); const [createComponent] = createNamespace('sku-row-item');
@ -102,9 +103,9 @@ export default createComponent({
)} )}
</div> </div>
{this.largeImageMode && ( {this.largeImageMode && (
<img <Icon
name="enlarge"
class={`${classPrefix}-img-icon`} class={`${classPrefix}-img-icon`}
src="https://img.yzcdn.cn/upload_files/2020/07/02/Fu4_ya0l0aAt4Mv4PL9jzPzfZnDX.png"
onClick={this.onPreviewImg} onClick={this.onPreviewImg}
/> />
)} )}

View File

@ -200,6 +200,11 @@
z-index: 3; z-index: 3;
width: 18px; width: 18px;
height: 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;
} }
} }