Paypal 智能按钮无法正确呈现

Posted 2023-02-22

【中文标题】Paypal 智能按钮无法正确呈现

【英文标题】：the Paypal smart Button Doesn't render correctly

【发布时间】：2021-07-16 04:17:46

【问题描述】：

我正在使用带有 Vuejs 的按钮，但我只需要 paypal 黄色按钮，我试图用文档中的所有方式隐藏信用卡按钮，甚至在堆栈中，但它要么呈现两个按钮，要么呈现一半第一个按钮half button,Both buttons

这是我的脚本

loadPaypalScript() 
  const script = document.createElement("script");
  script.src =
    "https://www.paypal.com/sdk/js?client-id=Aeg-skCx0jYCCZ2qE62Wsu_bxR3agmnYX41BuSGRhGwAP_YYEo7rKNL2P49UIHCxJj_tSuoylwkaV4gn&currency=EUR&commit=false&components=buttons,funding-eligibility";
  script.addEventListener("load", () => this.loaded = false);
  document.body.appendChild(script);
,

window.paypal
    .Buttons(
      fundingSource: paypal.FUNDING.PAYPAL,
      locale : this.$i18n.locale == 'de' ? 'de_DE' : 'en_US',
      style: 
        color: 'blue',
        label: 'checkout',
        shape: 'pill',
        fundingicons: false,    /* true | false */
      ,

【参考方案1】：

此问题是您网站的 CSS 造成的，容器不够高。

确保没有负边距或溢出等。

【讨论】：

img.onl/BPef9s 我在我的 css 中看不到任何东西，我使用的是 bootstrap 4.6。这一切的奇怪之处在于，如果我让两个按钮都渲染它们就可以正常工作。

您可能看不到它，但这就是问题所在。您的屏幕截图没有显示任何价值。

我仔细检查了我的 css，仍然找不到任何东西。然后我将layout: horizontal 添加到它工作的样式中。我不认为它是正确的答案，但它现在会做。无论如何，非常感谢您的帮助

默认的垂直视图和水平布局都有标语。您网站的 CSS 覆盖了所呈现内容的底部。当有一个没有标语的按钮时，只显示“一半”。至于正确的答案，我们无法帮助您在没有看到它的情况下找到您页面的 DOM 的问题。