zhengwentao
/
game-sdk


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <title>Login</title>
    <link rel="stylesheet" href="__STATIC__/h5wap/css/index.css">
    <link rel="stylesheet" href="__STATIC__/h5wap/css/login.css">
  </head>
  <body>

    <input id="backUrl" type="hidden" value="{$back_url}">

    <script id="loginHtml" type="text/template">
      <div id="loginPop" class="pop">
        <div class="pop_body">
          <div class="login_head">
            <img class="login_logo" src="__STATIC__/h5wap/images/logo.png">
            <span class="login_title">游戏登录</span>
          </div>
          <div class="login_body">
            <div class="form">
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_user"></i>
                  <input name="mem-username" type="text" placeholder="输入登录账号/手机号" class="form_input" value="{{mem-username}}">
                </label>
              </div>
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_pwd"></i>
                  <input name="mem-password" type="password" placeholder="输入账号密码" class="form_input">
                </label>
                <a href="javascript:;" class="form_link" onclick="HuoUtils.switchTemplate('pwd')">忘记密码</a>
              </div>
              <div class="form_btn">
                <button type="button" class="form_button" onclick="HuoApi.userLogin()">登录</button>
              </div>
            </div>
          </div>
          <div class="login_foot">
            <a class="float-left" href="javascript:;" onclick="HuoApi.userRegone()">游客试玩</a>
            <a class="float-right" href="javascript:;" onclick="HuoUtils.switchTemplate('reg')">注册</a>
          </div>
          <div class="login_third">
            <a href="javascript:;" class="login_third-item" onclick="HuoApi.userOauth('weixin')"><img src="__STATIC__/h5wap/images/third-wx.png"></a>
            <a href="javascript:;" class="login_third-item" onclick="HuoApi.userOauth('qq')"><img src="__STATIC__/h5wap/images/third-qq.png"></a>
            <a href="javascript:;" class="login_third-item" onclick="HuoApi.userOauth('weibo')"><img src="__STATIC__/h5wap/images/third-wb.png"></a>
            <a href="javascript:;" class="login_third-item" onclick="HuoUtils.switchTemplate('mLogin')"><img src="__STATIC__/h5wap/images/third-sj.png"></a>
          </div>
        </div>
      </div>
    </script>

    <script id="mLoginHtml" type="text/template">
      <div id="mLoginPop" class="pop">
        <div class="pop_body">
          <div class="login_head">
            <img class="login_logo" src="__STATIC__/h5wap/images/logo.png">
            <span class="login_title">手机登录</span>
          </div>
          <div class="login_body">
            <div class="form">
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_user"></i>
                  <input name="sms-mobile" type="text" placeholder="请输入手机号" class="form_input" value="{{sms-mobile}}">
                </label>
              </div>
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_code"></i>
                  <input name="sms-code" type="text" placeholder="请输入验证码" class="form_input">
                </label>
                <a id="smsSend" class="form_link text-primary" onclick="HuoApi.smsSend(2)">发送验证码</a>
              </div>
              <div class="form_btn">
                <button type="button" class="form_button" onclick="HuoApi.userLoginm()">登录</button>
              </div>
            </div>
          </div>
          <div class="login_foot">
            <a href="javascript:;" class="float-left" onclick="HuoUtils.switchTemplate('login')">返回登录</a>
            <a href="javascript:;" class="float-right" onclick="HuoUtils.switchTemplate('reg')">账号注册</a>
          </div>
        </div>
      </div>
    </script>

    <script id="playHtml" type="text/template">
      <div id="playPop" class="pop">
        <div class="pop_body">
          <div class="login_head">
            <img class="login_logo" src="__STATIC__/h5wap/images/logo.png">
            <span class="login_title">游戏试玩</span>
          </div>
          <div class="login_body">
            <div class="form">
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_user"></i>
                  <input name="mem-username" type="text" placeholder="请输入账号" class="form_input" value="{{username}}">
                </label>
              </div>
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_pwd"></i>
                  <input name="mem-password" type="text" placeholder="请输入密码" class="form_input" value="{{password}}">
                </label>
                <i class="form_icon__right icon_noeye"></i>
              </div>
              <div class="form_btn">
                <input name="agentgame" type="hidden" value="{{agentgame}}">
                <button type="button" class="form_button" onclick="HuoApi.userReg()">注册</button>
              </div>
            </div>
          </div>
          <div class="login_foot">
            <a href="javascript:;" class="float-left" onclick="HuoUtils.switchTemplate('login')">返回登录</a>
          </div>
        </div>
      </div>
    </script>

    <script id="pwdHtml" type="text/template">
      <div id="pwdPop" class="pop">
        <div class="pop_body">
          <div class="login_head">
            <img class="login_logo" src="__STATIC__/h5wap/images/logo.png">
            <span class="login_title">找回密码</span>
          </div>
          <div class="login_body">
            <div class="form">
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_user"></i>
                  <input name="sms-mobile" type="text" placeholder="请输入手机号" class="form_input">
                </label>
              </div>
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_code"></i>
                  <input name="sms-code" type="text" placeholder="请输入验证码" class="form_input">
                </label>
                <a id="smsSend" class="form_link text-primary" onclick="HuoApi.smsSend(5)">发送验证码</a>
              </div>
              <div class="form_btn">
                <button type="button" class="form_button" onclick="HuoApi.smsVerify()">下一步</button>
              </div>
<!--              <div class="form_remark">此功能只适用于手机用户，其它帐号请前往官网找回，或点击联系客服</div>-->
            </div>
          </div>
          <div class="login_foot">
            <a href="javascript:;" class="float-left" onclick="HuoUtils.switchTemplate('login')">返回登录</a>
          </div>
        </div>
      </div>
    </script>

    <script id="resetHtml" type="text/template">
      <div id="resetPop" class="pop">
        <div class="pop_body">
          <div class="login_head">
            <img class="login_logo" src="__STATIC__/h5wap/images/logo.png">
            <span class="login_title">找回密码</span>
          </div>
          <div class="login_body">
            <div class="form">
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_pwd"></i>
                  <input name="mem-password" type="password" placeholder="请输入密码" class="form_input">
                </label>
              </div>
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_pwd"></i>
                  <input name="mem-passwordag" type="password" placeholder="请再次输入密码" class="form_input">
                </label>
              </div>
              <div class="form_btn">
                <input name="verify_token" type="hidden" value="{{verify_token}}">
                <button type="button" class="form_button" onclick="HuoApi.resetPwd()">确定</button>
              </div>
<!--              <div class="form_remark">此功能只适用于手机用户，其它帐号请前往官网找回，或点击联系客服</div>-->
            </div>
          </div>
          <div class="login_foot">
            <a href="javascript:;" class="float-left" onclick="HuoUtils.switchTemplate('login')">返回登录</a>
          </div>
        </div>
      </div>
    </script>

    <script id="regHtml" type="text/template">
      <div id="regPop" class="pop">
        <div class="pop_body">
          <div class="login_head">
            <img class="login_logo" src="__STATIC__/h5wap/images/logo.png">
            <span class="login_title">账号注册</span>
          </div>
          <div class="login_body">
            <div class="form">
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_user"></i>
                  <input name="mem-username" type="text" placeholder="请输入账号" class="form_input">
                </label>
              </div>
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_pwd"></i>
                  <input name="mem-password" type="password" placeholder="请输入密码" class="form_input">
                </label>
              </div>
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_pwd"></i>
                  <input name="mem-passwordag" type="password" placeholder="请再次输入密码" class="form_input">
                </label>
              </div>
              <div class="form_btn">
                <button type="button" class="form_button" onclick="HuoApi.userReg()">注册</button>
              </div>
            </div>
          </div>
          <div class="login_foot">
            <a href="javascript:;" class="float-left" onclick="HuoUtils.switchTemplate('login')">返回登录</a>
            <a href="javascript:;" class="float-right" onclick="HuoUtils.switchTemplate('mReg')">手机注册</a>
          </div>
        </div>
      </div>
    </script>

    <script id="mRegHtml" type="text/template">
      <div id="mRegPop" class="pop">
        <div class="pop_body">
          <div class="login_head">
            <img class="login_logo" src="__STATIC__/h5wap/images/logo.png">
            <span class="login_title">手机注册</span>
          </div>
          <div class="login_body">
            <div class="form">
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_user"></i>
                  <input name="sms-mobile" type="text" placeholder="请输入手机号" class="form_input">
                </label>
              </div>
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_code"></i>
                  <input name="sms-code" type="text" placeholder="请输入验证码" class="form_input">
                </label>
                <a id="smsSend" class="form_link text-primary" onclick="HuoApi.smsSend(1)">发送验证码</a>
              </div>
              <div class="form_item">
                <label class="form_label">
                  <i class="form_icon__left icon_pwd"></i>
                  <input name="mem-password" type="password" placeholder="请输入密码" class="form_input">
                </label>
              </div>
              <div class="form_btn">
                <button type="button" class="form_button" onclick="HuoApi.userRegm()">注册</button>
              </div>
            </div>
          </div>
          <div class="login_foot">
            <a href="javascript:;" class="float-left" onclick="HuoUtils.switchTemplate('login')">返回登录</a>
            <a href="javascript:;" class="float-right" onclick="HuoUtils.switchTemplate('reg')">账号注册</a>
          </div>
        </div>
      </div>
    </script>

    <script id="switchHtml" type="text/template">
      <div id="switchPop" class="pop">
        <div class="pop_body">
          <div class="login_loading">
            <a href="javascript:;" class="float-right login_switch" onclick="HuoUtils.switchTemplate('login')">切换</a>
            <img class="float-left login_avatar" src="__STATIC__/h5wap/images/img-user.png">
            <div class="login_info">
              <span class="login_info__username">{{ mem-username }}</span>
              <span class="login_status"><i class="float-left login_status__icon"></i>正在登录中</span>
            </div>
          </div>
        </div>
      </div>
    </script>

    <script src="__STATIC__/h5wap/js/jquery-2.1.1.min.js"></script>
    <script src="__STATIC__/h5wap/js/huosdk.js"></script>
    <script>
      HuoUtils.switchTemplate('login')
    </script>
  </body>
</html>