mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
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:
parent
297aaed4c0
commit
ac0ae91933
@ -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}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user