lihao16
/
smsb-web-develop


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
							<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no' />
  <title>${realm.displayName}</title>
  <link rel="stylesheet" href="./resources/css/totp.css" />
</head>
<body>
  <div class="c-login">
    <div class="c-login__img"></div>
    <form
      class="c-login__main c-login-form"
      onsubmit="login.disabled = true; return true;"
      action="${url.loginAction}"
      method="post"
    >
      <input id="totpSecret" type="hidden"  name="totpSecret" value="${totp.totpSecret}" />
      <#if mode??>
        <input id="mode" type="hidden" name="mode" value="${mode}" />
      </#if>
      <div class="c-login-form__header">
        <div class="c-login-form__logo"></div>
        <div class="c-login-form__name">${realm.displayName}</div>
      </div>
      <div class="c-login-form__title">手机验证</div>
      <div class="c-login-form__info">
        <p>1、请先使用手机微信小程序搜索“数盾OTP”，或下载安装 “FreeOTP” 、“Goole Authenticator” 应用。</p>
        <br />
        <p>2、打开应用扫描二维码</p>
        <br />
        <img
          class="c-login-form__qr"
          src="data:image/png;base64, ${totp.totpSecretQrCode}"
        />
        <br />
        <p>
          <a
            class="c-login-form__retry"
            href="${totp.manualUrl}"
          >
            无法扫码
          </a>
        </p>
        <br />
        <p>3、输入应用提供的一次性码，点击提交完成验证。</p>
        <br />
        <p class="c-login-form__required">一次性验证码</p>
        <input
          type="text"
          name="userLabel"
          class="c-login-form__input"
          autocomplete="off"
        />
        <div class="c-login-form__error">
          <#if !messagesPerField.existsError('totp') && message?has_content && !isAppInitiatedAction??>
            ${kcSanitize(messagesPerField.get('totp'))?no_esc}
          </#if>
        </div>
        <input
          type="submit"
          name="login"
          class="c-login-form__submit"
          value="提交"
        >
      </div>
    </form>
  </div>
</body>
</html>