zhengwentao
/
game-sdk


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532
							<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>{$seo_title}</title>
  <link href="__STATIC__/web/pc/css/index.min.css" rel="stylesheet">
  <meta name="keywords" content="{$seo_keywords}"/>
  <meta name="description" content="{$seo_description}"/>
  <link rel="icon" href="{$web_icon.web_ico}" type="image/x-icon"/>
  <script src="__STATIC__/web/pc/js/lib/jquery-3.1.1.min.js"></script>
  <script src="__STATIC__/web/pc/js/lib/jquery.lazyload.js"></script>
  <script src="__STATIC__/web/pc/js/lib/layer.min.js"></script>
  <script>
    jQuery(document).ready(function ($) {
      $("img.lazy").lazyload({
        threholde: 1,
        skip_invisible: false,
        effect: "fadeIn"
      });
    });
  </script>
</head>
<body>
<div class="TopBar">
  <input type="hidden" class="toLoginUrl" value="{:url('v8/member/index')}">
  <div class="TopBar_cnt clearfix container">
    <p class="float_left">{$web_basic.title}</p>
    <p class="float_right" id="TopBar_usermessage">
      <notempty name="member">
        <a href="javascript:void(0);" type="">{$member.username},您好</a>
        <i >|</i>
        <a href="javascript:loginout();" type="loginout">退出</a>
        <else />
        <a href="javascript:void(0);" type="sign">注册</a>
        <i >|</i>
        <a href="javascript:void(0);" type="login">登录</a>
      </notempty>
    </p>
  </div>
</div>
<header class="mainHeader">
  <div class="container clearfix">
    <a href="#" class="LOGO float_left">
      <img src="{$web_icon.web_logo}" alt="">
    </a>
    <nav class="mainHeader_nav float_left">
      <ul class="clearflx">
        <li class="navbar_item active"><a href="{:url('v8/home/index')}">首页</a></li>
        <li class="navbar_item"><a href="{:url('v8/game/index')}">游戏中心</a></li>
        <li class="navbar_item"><a href="{:url('v8/server/index')}">开服列表</a> </li>
        <li class="navbar_item"><a href="{:url('v8/news/index')}">资讯</a></li>
        <li class="navbar_item"><a href="{:url('v8/gift/index')}">礼包</a></li>

        <notempty name="member">
          <li class="navbar_item toUserCenter"><a href="{:url('v8/member/index')}">个人中心</a></li>
          <else/>
          <li class="navbar_item toUserCenter"><a href="javascript:createdLoginMask('login')" type="login">个人中心</a></li>
        </notempty>
        <input type="hidden" class="homeHref" value="{:url('v8/home/index')}">

      </ul>
    </nav>
    <div class="mainHeader_search float_right">
      <form action="{:url('v8/game/index')}" method="get">
        <input name="gamename" class="js-searchGame" type="search" placeholder="{$web_search.search_default_word}">
      </form>
    </div>
  </div>

  <input type="hidden" value="{:url('v8/memebr/find_pass')}" id="toFindPaw_href">
</header>


<div class="u-FullMask" id="GiftDetailDialog">
  <div class="GiftDetailDialog">
    <div class="GiftDetailDialog_l">
      <div>
        <img class="js-icon" src="__STATIC__/web/pc/images/gameImg.png" alt="">
        <h3 class="js-gamegift">丽人修仙传</h3>
        <p class="js-giftType">新手大礼包</p>
      </div>
    </div>
    <div class="GiftDetailDialog_r">
      <div>
        <h2 class="Title">
          <span>礼包详情</span>
          <img class="CloseDialog" src="__STATIC__/web/pc/images/close_icon.svg" alt="">
        </h2>
        <div class="QA">
          <!--<div class="QA_item">-->
          <!--<div class="QA_item_Q">领取条件：</div>-->
          <!--<div class="QA_item_A js-tj">所有玩家</div>-->
          <!--</div>-->
          <div class="QA_item">
            <div class="QA_item_Q">礼包内容：</div>
            <div class="QA_item_A GiftCntColor js-nr">强化石*3，铜钱*1万，复活券*1，扫荡券*1，血瓶*2。</div>
          </div>
          <div class="QA_item">
            <div class="QA_item_Q">使用说明：</div>
            <div class="QA_item_A js-sm">下载游戏，点击礼包，输入礼包兑换码！</div>
          </div>
          <div class="QA_item">
            <div class="QA_item_Q">有效期：</div>
            <div class="QA_item_A js-yxq">2017-12-12 至 2018-1-1 </div>
          </div>
        </div>
        <div class="Receive">
          <button class="js-GiftReceive" giftid="-1">领  取</button>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="u-FullMask" id="successDialog">
  <div class="successDialog">
    <div class="successDialog_top">
      <img  src="__STATIC__/web/pc/images/success_icon.svg" alt="">
      <div class="msg">
        <p>礼包领取成功！</p>
        <p>快去下载游戏使用吧！</p>
      </div>
    </div>
    <div class="successDialog_Code">
      <img class="app_code" src="__STATIC__/web/pc/images/appCode.png" alt="">
      <h2>扫一扫  火速下载</h2>
      <a class="closeSuccessDialog" href="javascript:;">我已下载</a>
    </div>
  </div>
</div>

<!-- 领取礼包接口 -->
<input type="hidden" class="js-getGiftUrl" value="{:url('v8/gift/set')}">

<script>
  var ajaxloding;
  function loginout() {
    var confirm = layer.confirm('确定要退出吗？', {
      btn: ['确认', '取消'] //按钮
    }, function () {
      $.ajax({
        url       : "{:url('v8/member/logout')}",
        type      : 'post',
        beforeSend: function () {
          ajaxloding = layer.load(1, {
            shade: [0.1, '#fff'] //0.1透明度的白色背景
          });
        },
        success   : function (res) {
          layer.close(ajaxloding)
          if (res.error == 0) {
            layer.msg(res.msg, {icon: 6, time: 1000});
          }
          if ($('#navbarIndex').val() == 5) {
            window.location.href = $('.homeHref').val();
            return;
          }

          var topbar_html = '<a href="javascript:void(0);" type="sign">注册</a>\n' +
            '        <i >|</i>\n' +
            '        <a href="javascript:void(0);" type="login">登录</a>'
          $('#TopBar_usermessage').html(topbar_html)
          topBarEvent();
          $('.toUserCenter a').attr('href', 'javascript:createdLoginMask("login");')
          layer.close(confirm)
        }
      })
    }, function () {

    });

  }
  var createdLoginMask = function (m) {
    var actoveNav,
        activeCnt,
        html;
    var phoneReg = /^[1][345789][0-9]{9}$/;
    var code_time = 60;
    console.log($('#js-LoginMask'));
    if ($('#js-LoginMask').length > 0) {
      $('#js-LoginMask').fadeIn(250)
    } else {
      html = '<div class="u-FullMask" id="js-LoginMask">\n' +
        '    <div class="u-Dialog">\n' +
        '      <div class="u-Dialog_nav">\n' +
        '        <ul>\n' +
        '          <li class="active">登陆</li>\n' +
        '          <li>注册</li>\n' +
        '        </ul>\n' +
        '        <img src="__STATIC__/web/pc/images/close_icon2.svg" class="close" alt="">' +
        '      </div>\n' +
        '      <div class="u-Dialog_cnt">\n' +
        '        <div class=" u-Dialog__login" id="js-loginDiv">\n' +
        '          <div class="u-form-group u-form-group__merge">\n' +
        '            <input type="text" class="username" placeholder="用户名">\n' +
        '            <input type="password" class="password" placeholder="密　码">\n' +
        '          </div>\n' +
        '          <div class="u-form-group">\n' +
        '            <input type="button" value="登陆" class="js-login">\n' +
        '          </div>\n' +
        '          <a href="'+$('#toFindPaw_href').val()+'" class="forget">忘记密码</a>\n' +
        '        </div>\n' +
        '        <div class="u-Dialog__sign" id="js-signDiv">\n' +
        '          <div class="u-form-group">\n' +
        '            <input type="text" class="username" placeholder="手机号">\n' +
        '          </div>\n' +
        '          <div class="u-form-group">\n' +
        '            <input type="password" class="paw" placeholder="设置密码">\n' +
        '          </div>\n' +
        '          <div class="u-form-group">\n' +
        '            <input type="password" class="paw2" placeholder="确认密码">\n' +
        '          </div>\n' +
        '          <div class="u-form-group u-form-group__varify">\n' +
        '            <input type="text" class="code" placeholder="验证码">\n' +
        '            <button class="js-getPhoneCode">获取</button>\n' +
        '          </div>\n' +
        '          <div class="u-form-group u-form-group__checkbox">\n' +
        '            <input type="checkbox" class="Sign_check">\n' +
        '            <a class="Check_agreement" href="../user-agreement.html">同意火速游戏用户协议</a>\n' +
        '          </div>\n' +
        '          <div class="u-form-group">\n' +
        '            <input type="button" class="js-toVerify" value="下一步">\n' +
        '          </div>\n' +
        '        </div>\n' +
        '        <div class="js-active u-Dialog__verify" id="js-identDiv">\n' +
        '          <p>\n' +
        '            根据2010年8月1日实施的《网络游戏管理暂行办法》，网络游戏用户需使用有效身份证件进行实名注册。为保证流畅游戏体验同，享受健康游戏生活，请广大火速玩家尽快实名登记。\n' +
        '          </p>\n' +
        '          <div class="u-form-group u-form-group__merge">\n' +
        '            <input type="text" class="js-truename" placeholder="真实姓名">\n' +
        '            <input type="text" class="js-idcard" placeholder="身份证号">\n' +
        '          </div>\n' +
        '          <div class="u-form-group u-form-group__buttons">\n' +
        '            <input type="button" class="js-ident" value="完成认证">\n' +
        '          </div>\n' +
        '        </div>\n' +
        '      </div>\n' +
        '    </div>\n' +
        '  </div>';
      $('body').append(html)
      $('#js-LoginMask').fadeIn(250)
      $('#js-LoginMask .u-Dialog_nav li').on('click', function () {
        var index = $(this).index()
        $(this).addClass('active').siblings().removeClass('active')
        $('#js-LoginMask .u-Dialog_cnt > div').eq(index).addClass('js-active').siblings().removeClass('js-active')
      })

      $('#js-LoginMask .u-Dialog_nav .close').on('click', function () {
        $('#js-LoginMask').fadeOut(250)
//        utils.unlockY()
      })
      // 发送验证码
      $('.js-getPhoneCode').on('click', function () {
        var phone = $('#js-signDiv .username').val();
        var that = this;
        if (! phone || ! phoneReg.test(phone)) {
          layer.msg('请检查手机号格式是否正确！');
          return;
        }
        $.ajax({
          url: "{:url('v8/sms/send')}",
          data: {
            mobile: $('#js-signDiv .username').val(),
            smstype : 1
          },
          type: 'post',
          success: function (res) {
            if (res.error == 0) {
              layer.msg(res.msg, {icon: 6, time: 1000});
              $(that).attr('disabled',true)
              var code_Interval = setInterval(function () {
                if (code_time <= 0) {
                  $(that).attr('disabled',false)
                  $(that).html('获取')
                  code_time = 60;
                  clearInterval(code_Interval)
                  return;
                }
                code_time--;
                $(that).html(code_time)
              },1000)
            } else {
              layer.msg(res.msg, {icon: 5, time: 1000});
            }
          }
        })
      })
      // 提交登陆
      $('.js-login').on('click', function () {
        var loginData = {
          username: $('#js-loginDiv .username').val(),
          password: $('#js-loginDiv .password').val()
        }
        if (loginData.username == '') {
          layer.msg('用户名不能为空', {time: 500});

          return;
        }
        if (loginData.password.length < 6) {
          layer.msg('密码不能小于6个字符', {time: 500});
          return;
        }
        $.ajax({
          url       : "{:url('v8/member/login')}",
          data      : loginData,
          type      : 'post',
          beforeSend: function () {
            ajaxloding = layer.load(1, {
              shade: [0.1, '#fff'] //0.1透明度的白色背景
            });
          },
          success   : function (res) {
            layer.close(ajaxloding)
            if (res.error == 0) {
              layer.msg(res.msg, {icon: 6, time: 1000});
              var topbar_html = ' <a href="javascript:void(0);" type="">' + res.data.username + ',您好</a>\n' +
                '        <i >|</i>\n' +
                '        <a href="javascript:loginout();" type="loginout">退出</a>'
              $('#js-LoginMask').fadeOut(250)
              $('#TopBar_usermessage').html(topbar_html)
              $('.toUserCenter a').attr('href', $('.toLoginUrl').val())
//              utils.unlockY()
            } else {
              layer.msg(res.msg, {icon: 5, time: 1000});
            }
          }
        })
      })
      // 提交注册
      $('.js-toVerify').on('click', function () {
        var paw2     = $('#js-signDiv .paw2').val();
        var phoneReg = /^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/;
        var signData = {
          username: $('#js-signDiv .username').val(),
          password: $('#js-signDiv .paw').val(),
          code    : $('#js-signDiv .code').val()
        }
        if (! signData.username || ! phoneReg.test(signData.username)) {
          layer.msg('请检查手机号格式是否正确！', {time: 500});
          return;
        }
        if (paw2 != signData.password) {
          layer.msg('请检查两次密码是否一致！', {time: 500});
          return;
        }
        if (! signData.code) {
          layer.msg('验证码不能为空！', {time: 500});
          return;
        }
        if (! $('#js-signDiv .Sign_check').get(0).checked) {
          layer.msg('需要同意火速游戏用户协议！', {time: 500});
          return;
        }
        $.ajax({
          url    : "{:url('v8/member/reg')}",
          data   : signData,
          type   : 'post',
          success: function (res) {
            if (res.error == 0) {
              layer.msg(res.msg, {icon: 6, time: 1000});
              var topbar_html = ' <a href="javascript:void(0);" type="">' + res.data.username + ',您好</a>\n' +
                '        <i >|</i>\n' +
                '        <a href="javascript:loginout();" type="loginout">退出</a>'
              $('#TopBar_usermessage').html(topbar_html)
              $('.toUserCenter a').attr('href', $('.toLoginUrl').val())
              if (res.data.reg_setting.real_name_reg == 1) {
                $('#js-LoginMask .u-Dialog_cnt > div').eq(2).addClass('js-active').siblings().removeClass('js-active')

              } else {
                $('#js-LoginMask').fadeIn(250);
              }

            } else {
              layer.msg(res.msg, {icon: 5, time: 1000});
            }
          }
        })
      })
      // 提交认证
      $('.js-ident').on('click', function () {
        var identData = {
          truename: $('#js-identDiv .js-truename').val(),
          idcard  : $('#js-identDiv .js-idcard').val()
        }
        $.ajax({
          url    : "{:url('v8/member/auth_realname')}",
          data   : identData,
          type   : 'post',
          success: function (res) {
            if (res.error == 0) {
              layer.msg(res.msg, {icon: 6, time: 1000});
              $('#js-LoginMask').fadeOut(250)
            } else {
              layer.msg(res.msg, {icon: 5, time: 1000});
            }
          }
        })
      })
    }

    if (m == 'login') {
      $('#js-LoginMask .u-Dialog_nav li').eq(0).addClass('active').siblings().removeClass('active')
      $('#js-LoginMask .u-Dialog_cnt > div').eq(0).addClass('js-active').siblings().removeClass('js-active')
    } else if (m == 'sign') {
      $('#js-LoginMask .u-Dialog_nav li').eq(1).addClass('active').siblings().removeClass('active')
      $('#js-LoginMask .u-Dialog_cnt > div').eq(1).addClass('js-active').siblings().removeClass('js-active')
    }

  }
  function topBarEvent() {
    $('.TopBar a[type=login]').on('click', function () {
      if ($('#js-LoginMask').length > 0) {
        $('#js-LoginMask').remove();
      }
      createdLoginMask('login')
//      utils.lockY()
    })
    $('.TopBar a[type=sign]').on('click', function () {
      if ($('#js-LoginMask').length > 0) {
        $('#js-LoginMask').remove()
      }
      createdLoginMask('sign')
//      utils.lockY()
    })
  }
  function getUrlParam(name) {
    var url = window.location.href;
    var obj = {};
    var reg = /\?/;
    if (url.match(reg)) {
      //判断传入参数，以问号截取，问号后是参数
      var chars = url.split('?')[1];

      //再截&号
      var arr = chars.split('&');

      //获得截取后的数组为键值对字符串
      for (var i = 0; i < arr.length; i ++) {

        //保守一点确定看是否为 name=value形式
        var num = arr[i].indexOf("=");

        if (num > 0) {
          //拼接字符串
          var name  = arr[i].substring(0, num);
          var value = arr[i].substr(num + 1);

          //拼接对象，并转码
          obj[decodeURIComponent(name)] = decodeURIComponent(value);
        }
      }
    }
    ;
    return obj;

  }
  $(function () {
    if (getUrlParam().gamename) {
      $('.js-searchGame').val(getUrlParam().gamename)
    }
    topBarEvent();
    var index = index === undefined ? $('#navbarIndex').val() : index;
    $('.navbar_item').eq(index).addClass('active').siblings().removeClass('active');
  })


  Date.prototype.format = function(format) {
    var date = {
      "M+": this.getMonth() + 1,
      "d+": this.getDate(),
      "h+": this.getHours(),
      "m+": this.getMinutes(),
      "s+": this.getSeconds(),
      "q+": Math.floor((this.getMonth() + 3) / 3),
      "S+": this.getMilliseconds()
    };
    if (/(y+)/i.test(format)) {
      format = format.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));
    }
    for (var k in date) {
      if (new RegExp("(" + k + ")").test(format)) {
        format = format.replace(RegExp.$1, RegExp.$1.length == 1
          ? date[k] : ("00" + date[k]).substr(("" + date[k]).length));
      }
    }
    return format;
  }


  var downUrl;
  function getGift(t, giftDetail) {
    var idx = $(t).attr('idx');
    downUrl = 'http://toolapi.pipaw.com/chart.ashx?version=0&size=4&level=3&space=4&chl=' + $(t).attr('downUrl');
    var giftDetail = giftDetail.list[idx];
    var date1 = new Date(giftDetail.start_time * 1000);
    var date2 = new Date(giftDetail.end_time * 1000);
    $('.GiftDetailDialog .js-gamegift').text(giftDetail.gamename)
    $('.GiftDetailDialog .js-giftType').text(giftDetail.gift_name)
    $('.GiftDetailDialog .js-icon').attr('src',giftDetail.icon)
    //      $('.GiftDetailDialog .js-tj').text(giftDetail.content)
    $('.GiftDetailDialog .js-nr').text(giftDetail.content)
    $('.GiftDetailDialog .js-sm').text(giftDetail.func)
    $('.GiftDetailDialog .js-yxq').text(date1.format('yyyy-MM-dd hh:mm:ss') + ' 至 ' + date2.format('yyyy-MM-dd hh:mm:ss'))
    $('.GiftDetailDialog .js-GiftReceive').attr('giftid', giftDetail.giftid)
  }
  $('#GiftDetailDialog .js-GiftReceive').on('click', function () {
    $.ajax({
      url: $('.js-getGiftUrl').val(),
      type:'post',
      data: {
        giftid: $(this).attr('giftid')
      },
      success: function (res) {
        if (res.error == 0) {
          $('#GiftDetailDialog').hide();
          $('#successDialog').show();
          $('#successDialog .app_code').attr('src', downUrl);
        } else if (res.error === 2){
          layer.msg(res.msg, {time: 700});
        } else if (res.error === 3){
          layer.msg(res.msg, {time: 700});
        } else {
          $('#GiftDetailDialog').hide();
          createdLoginMask('login')
        }
      }
    })

  })

</script>