feat: change params to support hide sku header img

This commit is contained in:
水墨 2020-06-23 11:03:28 +08:00 committed by neverland
parent db1fdb306d
commit b788944307
4 changed files with 12 additions and 16 deletions

View File

@ -140,7 +140,7 @@ export default {
| start-sale-num `v2.3.0` | Minimum quantity | _number_ | `1` | | start-sale-num `v2.3.0` | Minimum quantity | _number_ | `1` |
| properties `v2.4.2` | Goods properties | _array_ | - | | properties `v2.4.2` | Goods properties | _array_ | - |
| preview-on-click-image `v2.5.2` | Whether to preview image when click goods image | _boolean_ | `true` | | preview-on-click-image `v2.5.2` | Whether to preview image when click goods image | _boolean_ | `true` |
| supportBigPicture `v2.9.0` | Whether to display large image mode | _boolean_ | `false` | | isHideSkuHeaderImg `v2.9.0` | Whether to hide sku header image | _boolean_ | `false` |
| lazy-load | Whether to enable lazy loadshould register [Lazyload](#/en-US/lazyload) component | _boolean_ | `false` | | lazy-load | Whether to enable lazy loadshould register [Lazyload](#/en-US/lazyload) component | _boolean_ | `false` |
### Events ### Events
@ -204,7 +204,7 @@ sku: {
} }
], ],
k_s: 's1', k_s: 's1',
is_support_big_picture: true, is_support_big_picture: true, // Whether to display large image mode
} }
], ],
list: [ list: [

View File

@ -144,7 +144,7 @@ export default {
| start-sale-num `v2.3.0` | 起售数量 | _number_ | `1` | | start-sale-num `v2.3.0` | 起售数量 | _number_ | `1` |
| properties `v2.4.2` | 商品属性 | _array_ | - | | properties `v2.4.2` | 商品属性 | _array_ | - |
| preview-on-click-image `v2.5.2` | 是否在点击商品图片时自动预览 | _boolean_ | `true` | | preview-on-click-image `v2.5.2` | 是否在点击商品图片时自动预览 | _boolean_ | `true` |
| supportBigPicture `v2.9.0` | 是否展示大图模式 | _boolean_ | `false` | | isHideSkuHeaderImg `v2.9.0` | 是否隐藏 sku 头部图片 | _boolean_ | `false` |
| lazy-load | 是否开启图片懒加载,须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | _boolean_ | `false` | | lazy-load | 是否开启图片懒加载,须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | _boolean_ | `false` |
### Events ### Events
@ -211,7 +211,8 @@ sku: {
previewImgUrl: 'https://img.yzcdn.cn/2p.jpg', previewImgUrl: 'https://img.yzcdn.cn/2p.jpg',
} }
], ],
k_s: 's1' // skuKeyStrsku 组合列表(下方 list中当前类目对应的 key 值value 值会是从属于当前类目的一个规格值 id k_s: 's1', // skuKeyStrsku 组合列表(下方 list中当前类目对应的 key 值value 值会是从属于当前类目的一个规格值 id
is_support_big_picture: true, // 是否展示大图模式
} }
], ],
// 所有 sku 的组合列表比如红色、M 码为一个 sku 组合红色、S 码为另一个组合 // 所有 sku 的组合列表比如红色、M 码为一个 sku 组合红色、S 码为另一个组合

View File

@ -98,7 +98,7 @@ export default createComponent({
type: Boolean, type: Boolean,
default: true, default: true,
}, },
supportBigPicture: { isHideSkuHeaderImg: {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
@ -621,7 +621,7 @@ export default createComponent({
selectedNum, selectedNum,
stepperTitle, stepperTitle,
selectedSkuComb, selectedSkuComb,
supportBigPicture, isHideSkuHeaderImg,
lazyLoad = false, lazyLoad = false,
} = this; } = this;
const slotsProps = { const slotsProps = {
@ -640,7 +640,7 @@ export default createComponent({
goods={goods} goods={goods}
skuEventBus={skuEventBus} skuEventBus={skuEventBus}
selectedSku={selectedSku} selectedSku={selectedSku}
supportBigPicture={supportBigPicture} supportBigPicture={isHideSkuHeaderImg}
> >
<template slot="sku-header-image-extra"> <template slot="sku-header-image-extra">
{slots('sku-header-image-extra')} {slots('sku-header-image-extra')}
@ -679,15 +679,13 @@ export default createComponent({
{this.skuTree.map((skuTreeItem) => ( {this.skuTree.map((skuTreeItem) => (
<SkuRow <SkuRow
skuRow={skuTreeItem} skuRow={skuTreeItem}
isShowBigPicture={ isShowBigPicture={skuTreeItem.is_support_big_picture}
supportBigPicture && skuTreeItem.is_support_big_picture
}
hasScrollTab={skuTreeItem.v.length > 6} hasScrollTab={skuTreeItem.v.length > 6}
> >
{skuTreeItem.v.map((skuValue, itemIndex) => ( {skuTreeItem.v.map((skuValue, itemIndex) => (
<template <template
slot={ slot={
supportBigPicture && skuTreeItem.is_support_big_picture skuTreeItem.is_support_big_picture
? Math.floor(itemIndex / 3) % 2 === 0 ? Math.floor(itemIndex / 3) % 2 === 0
? 'sku-item-group-one' ? 'sku-item-group-one'
: 'sku-item-group-two' : 'sku-item-group-two'
@ -700,9 +698,7 @@ export default createComponent({
selectedSku={selectedSku} selectedSku={selectedSku}
skuEventBus={skuEventBus} skuEventBus={skuEventBus}
skuKeyStr={skuTreeItem.k_s} skuKeyStr={skuTreeItem.k_s}
isShowBigPicture={ isShowBigPicture={skuTreeItem.is_support_big_picture}
supportBigPicture && skuTreeItem.is_support_big_picture
}
lazyLoad={lazyLoad} lazyLoad={lazyLoad}
></SkuRowItem> ></SkuRowItem>
</template> </template>

View File

@ -157,8 +157,7 @@
:message-config="messageConfig" :message-config="messageConfig"
:custom-sku-validator="customSkuValidator" :custom-sku-validator="customSkuValidator"
:properties="skuData.properties" :properties="skuData.properties"
:support-big-picture="true" :is-hide-sku-header-img="true"
:has-scroll-tab="true"
disable-stepper-input disable-stepper-input
reset-stepper-on-hide reset-stepper-on-hide
safe-area-inset-bottom safe-area-inset-bottom