jianyu
/
web


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
							<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="/favicon.ico" />
    <title>Example</title>
  </head>
  <body class="dark:bg-gray-800">
    <noscript>
      <strong
        >We're sorry but this page doesn't work properly without JavaScript
        enabled. Please enable it to continue.</strong
      >
    </noscript>

    <main>
      <header>
        <div id="user-login" style="display: none">
          <img id="user-head" alt="user-head" />
          <h6 id="user-name"></h6>
        </div>
        <div id="user-noLogin">
          <button onclick="commonLogin.open('login-code')">登录/注册</button>
        </div>
      </header>
    </main>

    <hr />

    <button onclick="commonLogin.open('login-wx')">微信登录</button>
    <button onclick="commonLogin.open('login-code')">登录/注册</button>
    <button onclick="commonLogin.open('login-pass')">密码登录</button>
    <button onclick="commonLogin.open('register')">注册</button>
    <button onclick="commonLogin.open('set-pass')">设置密码</button>
    <button onclick="commonLogin.open('bind-phone')">绑定手机号</button>
    <br />
    <button onclick="commonLogin.doSignOut()">退出登录</button>
    <div id="app"></div>
    <script src="../dist/jy-login.umd.js"></script>
    <script>
      function toggleLoginDom(type, img, name) {
        if (type) {
          document.querySelector('#user-login').style.display = 'block'
          document.querySelector('#user-noLogin').style.display = 'none'
          document.querySelector('#user-head').src = img
          document.querySelector('#user-name').innerText = name
        } else {
          document.querySelector('#user-login').style.display = 'none'
          document.querySelector('#user-noLogin').style.display = 'block'
        }
      }

      window.addEventListener('load', () => {
        window.commonLogin = window.jyCoreSDK.$plugins['login'].getInstance()
        window.commonLogin.init({
          preloadLoginState: true,
          pageNum: 10
        })
        console.log('commonLogin', window.commonLogin)

        window.jyCoreSDK.$on('user-login-success', (data) => {
          alert('登录成功')
        })
        window.jyCoreSDK.$on('user-sign-out', (data) => {
          alert('退出登录成功')
          location.reload()
        })
        window.jyCoreSDK.$on('user-info-update', (data) => {
          console.log('更新用户信息', data)
          const format = data.format || {}
          if (format?.isLogin) {
            toggleLoginDom(
              format?.isLogin,
              format.userInfo.userAvatar,
              format.userInfo.userName
            )
          } else {
            toggleLoginDom(false)
          }
        })
        window.jyCoreSDK.$on('user-set-pass-success', (data) => {
          alert('设置密码成功')
          location.reload()
        })
        window.jyCoreSDK.$on('user-not-set-pass', (data) => {
          alert('暂不设置密码')
          location.reload()
        })
      })
    </script>
  </body>
</html>