diff --git a/docs/examples-docs/sku.md b/docs/examples-docs/sku.md index e01db13ab..2381a5c6d 100644 --- a/docs/examples-docs/sku.md +++ b/docs/examples-docs/sku.md @@ -16,6 +16,8 @@ export default { goodsId: data.goods_id, quota: data.quota, quotaUsed: data.quota_used, + disableStepperInput: true, + resetStepperOnHide: true, initialSku: { s1: '30349', s2: '1193' @@ -62,10 +64,10 @@ Vue.component(Sku.name, Sku); :goods="goods" :goods-id="goodsId" :hide-stock="sku.hide_stock" - :show-add-cart-btn="true" :quota="quota" :quota-used="quotaUsed" - :reset-stepper-on-hide="true" + :reset-stepper-on-hide="resetStepperOnHide" + :disable-stepper-input="disableStepperInput" @buy-clicked="handleBuyClicked" @add-cart="handleAddCartClicked" > diff --git a/packages/sku/components/SkuStepper.vue b/packages/sku/components/SkuStepper.vue index 892c235f9..c15be326f 100644 --- a/packages/sku/components/SkuStepper.vue +++ b/packages/sku/components/SkuStepper.vue @@ -2,7 +2,14 @@
{{ stepperTitle }}:
- + +
剩余{{ stock }}件
每人限购{{ quota }}件
@@ -34,6 +41,10 @@ export default { type: Boolean, default: false }, + disableStepperInput: { + type: Boolean, + default: false + }, stepperTitle: { type: String, default: DEFAULT_BUY_TEXT diff --git a/packages/sku/containers/SkuContainer.vue b/packages/sku/containers/SkuContainer.vue index 2d36faa0a..b79a0c3f2 100644 --- a/packages/sku/containers/SkuContainer.vue +++ b/packages/sku/containers/SkuContainer.vue @@ -45,6 +45,7 @@ :skuStockNum="sku.stock_num" :quota="quota" :quotaUsed="quotaUsed" + :disableStepperInput="disableStepperInput" :hideStock="hideStock"> @@ -133,6 +134,7 @@ export default { default: 200 }, resetStepperOnHide: Boolean, + disableStepperInput: Boolean, messagePlaceholderMap: { type: Object, default() { diff --git a/packages/stepper/index.vue b/packages/stepper/index.vue index adc61b2e4..cf8bb9a78 100644 --- a/packages/stepper/index.vue +++ b/packages/stepper/index.vue @@ -8,11 +8,11 @@ }"> + :disabled="disabled || disableInput">