mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
feat: change params to support hide sku header img
This commit is contained in:
parent
db1fdb306d
commit
b788944307
@ -140,7 +140,7 @@ export default {
|
||||
| start-sale-num `v2.3.0` | Minimum quantity | _number_ | `1` |
|
||||
| properties `v2.4.2` | Goods properties | _array_ | - |
|
||||
| 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 load,should register [Lazyload](#/en-US/lazyload) component | _boolean_ | `false` |
|
||||
|
||||
### Events
|
||||
@ -204,7 +204,7 @@ sku: {
|
||||
}
|
||||
],
|
||||
k_s: 's1',
|
||||
is_support_big_picture: true,
|
||||
is_support_big_picture: true, // Whether to display large image mode
|
||||
}
|
||||
],
|
||||
list: [
|
||||
|
@ -144,7 +144,7 @@ export default {
|
||||
| start-sale-num `v2.3.0` | 起售数量 | _number_ | `1` |
|
||||
| properties `v2.4.2` | 商品属性 | _array_ | - |
|
||||
| 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` |
|
||||
|
||||
### Events
|
||||
@ -211,7 +211,8 @@ sku: {
|
||||
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
|
||||
is_support_big_picture: true, // 是否展示大图模式
|
||||
}
|
||||
],
|
||||
// 所有 sku 的组合列表,比如红色、M 码为一个 sku 组合,红色、S 码为另一个组合
|
||||
|
@ -98,7 +98,7 @@ export default createComponent({
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
supportBigPicture: {
|
||||
isHideSkuHeaderImg: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
@ -621,7 +621,7 @@ export default createComponent({
|
||||
selectedNum,
|
||||
stepperTitle,
|
||||
selectedSkuComb,
|
||||
supportBigPicture,
|
||||
isHideSkuHeaderImg,
|
||||
lazyLoad = false,
|
||||
} = this;
|
||||
const slotsProps = {
|
||||
@ -640,7 +640,7 @@ export default createComponent({
|
||||
goods={goods}
|
||||
skuEventBus={skuEventBus}
|
||||
selectedSku={selectedSku}
|
||||
supportBigPicture={supportBigPicture}
|
||||
supportBigPicture={isHideSkuHeaderImg}
|
||||
>
|
||||
<template slot="sku-header-image-extra">
|
||||
{slots('sku-header-image-extra')}
|
||||
@ -679,15 +679,13 @@ export default createComponent({
|
||||
{this.skuTree.map((skuTreeItem) => (
|
||||
<SkuRow
|
||||
skuRow={skuTreeItem}
|
||||
isShowBigPicture={
|
||||
supportBigPicture && skuTreeItem.is_support_big_picture
|
||||
}
|
||||
isShowBigPicture={skuTreeItem.is_support_big_picture}
|
||||
hasScrollTab={skuTreeItem.v.length > 6}
|
||||
>
|
||||
{skuTreeItem.v.map((skuValue, itemIndex) => (
|
||||
<template
|
||||
slot={
|
||||
supportBigPicture && skuTreeItem.is_support_big_picture
|
||||
skuTreeItem.is_support_big_picture
|
||||
? Math.floor(itemIndex / 3) % 2 === 0
|
||||
? 'sku-item-group-one'
|
||||
: 'sku-item-group-two'
|
||||
@ -700,9 +698,7 @@ export default createComponent({
|
||||
selectedSku={selectedSku}
|
||||
skuEventBus={skuEventBus}
|
||||
skuKeyStr={skuTreeItem.k_s}
|
||||
isShowBigPicture={
|
||||
supportBigPicture && skuTreeItem.is_support_big_picture
|
||||
}
|
||||
isShowBigPicture={skuTreeItem.is_support_big_picture}
|
||||
lazyLoad={lazyLoad}
|
||||
></SkuRowItem>
|
||||
</template>
|
||||
|
@ -157,8 +157,7 @@
|
||||
:message-config="messageConfig"
|
||||
:custom-sku-validator="customSkuValidator"
|
||||
:properties="skuData.properties"
|
||||
:support-big-picture="true"
|
||||
:has-scroll-tab="true"
|
||||
:is-hide-sku-header-img="true"
|
||||
disable-stepper-input
|
||||
reset-stepper-on-hide
|
||||
safe-area-inset-bottom
|
||||
|
Loading…
x
Reference in New Issue
Block a user