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">