diff --git a/docs/examples-docs/pay-order.md b/docs/examples-docs/pay-order.md index 1df37b4a2..7513b0771 100644 --- a/docs/examples-docs/pay-order.md +++ b/docs/examples-docs/pay-order.md @@ -7,6 +7,9 @@ export default { methods: { onClickButton() { Toast('点击按钮'); + }, + onClickEditAddress() { + Toast('修改地址'); } } } @@ -17,6 +20,9 @@ export default { .van-pay-order { position: relative; } + .van-edit-address { + color: #38F; + } } @@ -69,6 +75,22 @@ Vue.component(PayOrder.name, PayOrder); ``` ::: +#### +提示文案中的额外操作和说明 +:::demo 提示文案中添加操作 +```html + + + 您的收货地址不支持同城送, 修改地址 > + + +``` +::: + ### API | 参数 | 说明 | 类型 | 默认值 | 必须 | @@ -85,3 +107,9 @@ Vue.component(PayOrder.name, PayOrder); | 事件名 | 说明 | 参数 | |-----------|-----------|-----------| | submit | 按钮点击事件回调 | - | + +### Slot + +| 名称 | 说明 | +|-----------|-----------| +| tip | 提示文案中的额外操作和说明 | diff --git a/packages/pay-order/index.vue b/packages/pay-order/index.vue index c0d97122c..18a71ffe2 100644 --- a/packages/pay-order/index.vue +++ b/packages/pay-order/index.vue @@ -1,6 +1,6 @@ - {{ tip }} + {{ tip }} @@ -49,6 +49,9 @@ export default { priceDecimal() { const decimal = this.price % 100; return (decimal < 10 ? '0' : '') + decimal; + }, + hasTipSlot () { + return !!this.$slots['tip'] } },