PayPal 按钮的水平布局

Question

我想按照 documentation 中的描述水平排列 PayPal 和信用卡按钮。当我垂直堆叠它们时，两个按钮都显示得很好。但是，信用按钮没有显示在水平布局中...

<PayPalButtons 
    style={{
    layout: 'horizontal',
    color:  'silver',
    shape:  'pill',
    label:  'pay',
    tagline: false,
    height: 30}} 
    createOrder={(data, actions) => 
                 {return onCreate(data, actions);}}
    onCancel={() => onCancel()}
    onError={(err) => onError()}
    onApprove={(data, actions) => onSuccess(data, actions)}
/>

我是不是漏掉了什么？

Answer 1

编辑：简短的回答是黑色 'Debit Or Credit Card' 按钮，特别是在水平布局中不受支持，因为它会垂直扩展。只有垂直布局或独立按钮支持它。

水平布局中最多显示 2 个按钮。是否显示第二个按钮以及显示哪个按钮取决于具体情况。

您的代码结果：

..在测试中，但如果您在不同的情况下看到其他东西，您需要明确说明您在问题中看到的其他内容，并包括您正在测试的内容的全部细节。特别是所有 PayPal <script> 或 react <PayPalScriptProvider> query/runtime 参数、browser/user 代理和地理 IP 位置都可以与此处相关。

PayPal 按钮的水平布局

Horizontal layout of PayPal buttons

css

paypal

paypal-sandbox

paypal-buttons