使用 javascript 更改 Google 一键登录位置

Question

google.accounts.id.initialize({
            client_id: '111111111111.apps.googleusercontent.com',
            cancel_on_tap_outside: false,
            callback: handleCredentialResponse
        });

        google.accounts.id.prompt();

我正在使用 Javascript 提示 UI，但找不到为弹出窗口设置新位置的方法。我将不胜感激任何帮助！

Answer 1

我在api文档中找到了解决方案。我在 html 文件中创建了一个 iframe；

 <div id="g_id_onload"
      data-prompt_parent_id="g_id_onload"
      data-cancel_on_tap_outside="false"
      style="position: absolute; left: 79%; top: 124px; width: 0; height: 0; z-index: 1001;">
 </div>

之后，我将此 iframe 作为参数添加到 api 的初始化中：prompt_parent_id: 'g_id_onload'

google.accounts.id.initialize({
            client_id: '111111111111.apps.googleusercontent.com',
            cancel_on_tap_outside: false,
            callback: handleCredentialResponse,
            prompt_parent_id: 'g_id_onload'
        });

google.accounts.id.prompt();

然后我就可以随心所欲地设计造型了。

您可以在这里找到详细说明：https://developers.google.com/identity/one-tap/web/guides/change-position