[new feature] Sku 支持隐藏售罄规格 (#2472)

* [new feature] Sku 支持隐藏售罄规格
This commit is contained in:
wny
2019-01-09 11:03:35 +08:00
committed by GitHub
parent 4f8a592836
commit d74147dad0
7 changed files with 77 additions and 15 deletions
+4
View File
@@ -15,6 +15,10 @@ export default {
name: '天蓝色',
imgUrl:
'https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg'
},
{
id: '1215',
name: '白色'
}
],
k_s: 's1',
+33
View File
@@ -1,5 +1,6 @@
<template>
<demo-section>
<!-- 基础用法 -->
<demo-block :title="$t('basicUsage')">
<div class="sku-container">
<van-sku
@@ -29,6 +30,7 @@
</div>
</demo-block>
<!-- 自定义步进器 -->
<demo-block :title="$t('title2')">
<div class="sku-container">
<van-sku
@@ -55,6 +57,34 @@
</div>
</demo-block>
<!-- 隐藏售罄sku -->
<demo-block :title="$t('hideSoldoutSku')">
<div class="sku-container">
<van-sku
hide-quota-text
v-model="showSoldout"
:sku="skuData.sku"
:goods="skuData.goods_info"
:goods-id="skuData.goods_id"
:hide-stock="skuData.sku.hide_stock"
:quota="skuData.quota"
:quota-used="skuData.quota_used"
:custom-stepper-config="customStepperConfig"
:message-config="messageConfig"
:show-soldout-sku="false"
@buy-clicked="onBuyClicked"
@add-cart="onAddCartClicked"
/>
<van-button
block
type="primary"
@click="showSoldout = true"
>
{{ $t('hideSoldoutSku') }}
</van-button>
</div>
</demo-block>
<demo-block :title="$t('advancedUsage')">
<div class="sku-container">
<van-sku
@@ -122,12 +152,14 @@ export default {
i18n: {
'zh-CN': {
title2: '自定义步进器相关配置',
hideSoldoutSku: '隐藏售罄sku',
stepperTitle: '我要买',
button1: '积分兑换',
button2: '买买买'
},
'en-US': {
title2: 'Custom Stepper Related Config',
hideSoldoutSku: 'Hide Soldout Sku',
stepperTitle: 'Stepper title',
button1: 'Button',
button2: 'Button'
@@ -140,6 +172,7 @@ export default {
showBase: false,
showCustom: false,
showStepper: false,
showSoldout: false,
closeOnClickOverlay: true,
initialSku: {
s1: '30349',