用javascript改变Google One Tap登录位置。

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.comidentityone-tapwebguideschange-position。