stripe-payments - Apple Pay Web & Stripe：如何自定义 Apple Pay 按钮

Question

我正在 Web 上关注 Stripe 的 Apple Pay JS 实现（https://stripe.com/docs/stripe-js/elements/payment-request-button）。它使用带有idof的元素， #payment-request-buttonStripe 将按钮加载到 iFrame 中，以保持 PCI 兼容。该按钮以 40 像素的高度和黑色背景加载到 iFrame 中。
查看 Apple Pay 自己的文档，有一些按钮选项和按钮样式选项 ( https://applepaydemo.apple.com/#display-button )，以及诸如“使用 Apple Pay 结帐”或“使用 Apple Pay 付款”之类的文字苹果支付”。有没有办法将这些文本选项和自定义高度应用于 Stripe 实现？

标签： stripe-paymentsapplepayapplepayjs

Answer 1

您可以使用预构建的 iFramed 按钮设置样式，theme如下所示：https ://stripe.com/docs/stripe-js/elements/payment-request-button#html-js-styling-the-element

或者，您可以创建自己的按钮并为其设置样式，然后调用paymentRequest.show()以触发付款表：https ://stripe.com/docs/js/payment_request/show