blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[Doc] Sku: update document (#3717)

Browse Source
This commit is contained in:
neverland 2019-07-02 10:26:35 +08:00 committed by GitHub
parent a7a0b3aaaa
commit 61a2933831
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 43 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/sku/README.md
View File

@ -14,7 +14,7 @@ Vue.use(Sku);
```html
<van-sku
v-model="showBase"
v-model="show"
:sku="sku"
:goods="goods"
:goods-id="goodsId"
@ -31,11 +31,24 @@ Vue.use(Sku);
/>
```
```js
export default {
data() {
return {
show: false,
sku: {},
goods: {},
messageConfig: {}
};
}
}
```
### Custom Stepper Config
```html
<van-sku
v-model="showBase"
v-model="show"
:sku="sku"
:goods="goods"
:goods-id="goodsId"
@ -52,7 +65,7 @@ Vue.use(Sku);
```html
<van-sku
v-model="showCustomAction"
v-model="show"
stepper-title="Stepper title"
:sku="sku"
:goods="goods"

39
src/sku/README.zh-CN.md
View File

@ -14,34 +14,49 @@ Vue.use(Sku);
```html
<van-sku
v-model="showBase"
v-model="show"
:sku="sku"
:goods="goods"
:goods-id="goodsId"
:hide-stock="sku.hide_stock"
:quota="quota"
:quota-used="quotaUsed"
:reset-stepper-on-hide="resetStepperOnHide"
:reset-selected-sku-on-hide="resetSelectedSkuOnHide"
:close-on-click-overlay="closeOnClickOverlay"
:disable-stepper-input="disableStepperInput"
:hide-stock="sku.hide_stock"
:message-config="messageConfig"
@buy-clicked="onBuyClicked"
@add-cart="onAddCartClicked"
/>
```
```js
export default {
data() {
return {
show: false,
sku: {
// 数据结构见下方文档
},
goods: {
// 数据结构见下方文档
},
messageConfig: {
// 数据结构见下方文档
}
};
}
}
```
### 自定义步进器
```html
<van-sku
v-model="showBase"
v-model="show"
:sku="sku"
:goods="goods"
:goods-id="goodsId"
:hide-stock="sku.hide_stock"
:quota="quota"
:quota-used="quotaUsed"
:hide-stock="sku.hide_stock"
:custom-stepper-config="customStepperConfig"
@buy-clicked="onBuyClicked"
@add-cart="onAddCartClicked"
@ -52,14 +67,14 @@ Vue.use(Sku);
```html
<van-sku
v-model="showCustomAction"
v-model="show"
stepper-title="我要买"
:sku="sku"
:goods="goods"
:goods-id="goodsId"
:hide-stock="sku.hide_stock"
:quota="quota"
:quota-used="quotaUsed"
:hide-stock="sku.hide_stock"
show-add-cart-btn
reset-stepper-on-hide
:initial-sku="initialSku"
@ -121,8 +136,8 @@ Vue.use(Sku);
| custom-stepper-config | 步进器相关自定义配置 | `Object` | `{}` | - |
| message-config | 留言相关配置 | `Object` | `{}` | - |
| get-container | 指定挂载的节点，可以传入选择器，<br>或一个返回节点的函数 | `String | () => HTMLElement` | - | - |
| initial-sku | 默认选中的sku，具体参考高级用法 | `Object` | `{}` | - |
| show-soldout-sku | 是否展示售罄的sku，如果展示，则为置灰不可选状态，不展示则直接隐藏 | `Boolean` | `true` | - |
| initial-sku | 默认选中的 sku，具体参考高级用法 | `Object` | `{}` | - |
| show-soldout-sku | 是否展示售罄的 sku，默认展示并置灰 | `Boolean` | `true` | - |
### Events