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

feat(Sku): add sku item previewImgUrl (#4562)

Browse Source
This commit is contained in:
codpoe 2019-09-24 19:55:01 +08:00 committed by neverland
parent 55148936ff
commit ddfd034432
5 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/sku/README.md
View File

@ -187,12 +187,14 @@ sku: {
{ {
id: '30349', id: '30349',
name: 'Red', name: 'Red',
imgUrl: 'https://img.yzcdn.cn/1.jpg' imgUrl: 'https://img.yzcdn.cn/1.jpg',
previewImgUrl: 'https://img.yzcdn.cn/1p.jpg',
}, },
{ {
id: '1215', id: '1215',
name: 'Blue', name: 'Blue',
imgUrl: 'https://img.yzcdn.cn/2.jpg' imgUrl: 'https://img.yzcdn.cn/2.jpg',
previewImgUrl: 'https://img.yzcdn.cn/2p.jpg',
} }
], ],
k_s: 's1' k_s: 's1'

6
src/sku/README.zh-CN.md
View File

@ -195,12 +195,14 @@ sku: {
{ {
id: '30349', // skuValueId：规格值 id id: '30349', // skuValueId：规格值 id
name: '红色', // skuValueName：规格值名称 name: '红色', // skuValueName：规格值名称
imgUrl: 'https://img.yzcdn.cn/1.jpg' // 规格类目图片，只有第一个规格类目可以定义图片 imgUrl: 'https://img.yzcdn.cn/1.jpg', // 规格类目图片，只有第一个规格类目可以定义图片
previewImgUrl: 'https://img.yzcdn.cn/1p.jpg', // 用于预览显示的规格类目图片
}, },
{ {
id: '1215', id: '1215',
name: '蓝色', name: '蓝色',
imgUrl: 'https://img.yzcdn.cn/2.jpg' imgUrl: 'https://img.yzcdn.cn/2.jpg',
previewImgUrl: 'https://img.yzcdn.cn/2p.jpg',
} }
], ],
k_s: 's1' // skuKeyStr：sku 组合列表（下方 list）中当前类目对应的 key 值，value 值会是从属于当前类目的一个规格值 id k_s: 's1' // skuKeyStr：sku 组合列表（下方 list）中当前类目对应的 key 值，value 值会是从属于当前类目的一个规格值 id

2
src/sku/Sku.js
View File

@ -201,7 +201,7 @@ export default createComponent({
} }
treeItem.v.forEach(vItem => { treeItem.v.forEach(vItem => {
const img = vItem.imgUrl || vItem.img_url; const img = vItem.previewImgUrl || vItem.imgUrl || vItem.img_url;
if (img) { if (img) {
imageList.push(img); imageList.push(img);
} }

2
src/sku/components/SkuHeader.tsx
View File

@ -24,7 +24,7 @@ function getSkuImg(sku: SkuData, selectedSku: SelectedSkuData): string | undefin
if (id && item.v) { if (id && item.v) {
const matchedSku = item.v.filter(skuValue => skuValue.id === id)[0] || {}; const matchedSku = item.v.filter(skuValue => skuValue.id === id)[0] || {};
img = matchedSku.imgUrl || matchedSku.img_url; img = matchedSku.previewImgUrl || matchedSku.imgUrl || matchedSku.img_url;
return img; return img;
} }

1
src/sku/type.ts
View File

@ -22,6 +22,7 @@ export type SkuTreeItemValueData = {
name: string; name: string;
imgUrl?: string; imgUrl?: string;
img_url?: string; img_url?: string;
previewImgUrl?: string;
}; };
export type SkuListItemData = { export type SkuListItemData = {