zhaoheqing
/
ohplay_official


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
							<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>大吉大利  “野性”吃鸡</title>
    <meta name="description" itemprop="description" content="<!--{echo $we_shareDesc}-->" />
    <script type="text/javascript" src="<!--{echo $we_staticDir}-->js/jquery-3.2.1.min.js"></script>
    <!-- http://res.wx.qq.com/open/js/jweixin-1.0.0.js -->
    <!-- http://res.wx.qq.com/open/js/jweixin-1.2.0.js -->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <style type="text/css">
      * {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      /*
      // 禁止Android系统弹出复制菜单
      -webkit-touch-callout:none;
      -webkit-user-select:none;
      -khtml-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
      touch-callout:none;
      */
      }
      html, body, div, p, h1, h2, h3, h4, h5, ol, ul, li, dl, dt, dd {
      padding: 0;
      margin: 0
      }
      html {
      font-family: "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", sans-serif;
      -webkit-text-size-adjust: 100%;
      }
      body {
      font-size: 14px;
      background: #fef7f1;
      line-height: 1.5;
      //height: 2272px;
      }
      img {
      vertical-align: middle;
      border: 0
      }

      html,#app {
      width: 100%;
      height: 100%;
      overflow-x: hidden
      }
      body{
        width: 100%;
      }

      #app {
      max-width: 640px;
      // height: 2272px;
      margin: 0 auto;
      position: relative;
      background: #fef7f1;
      }
      #pg1 {
      width: 100%;
      height: 100%;
      position: absolute;
      overflow-x: hidden;
      background: url(<!--{echo $we_staticDir}-->bg_chiji.png) no-repeat center top;
      background-size: 100%;
      }
      #inputs{
      width: 100%;
      height: 100%;
      position: absolute;
      // position: fixed;
      overflow-x: hidden;
      bottom: 0px;
      }
      form{
      width: 100%;
      // height: 100%;
      position: absolute;
      overflow-x: hidden;
      }
      form input{
        font-size: 24px;
      }
      table{
      position: absolute;
      margin: 0 auto;
      // width: 100%;
      }
      .udata{
      background: url(<!--{echo $we_staticDir}-->lab_input.png) left top no-repeat;
      background-size: 100% 100%;
      color: #FFFFFF;
      border: 0;
      padding-left: 8px;
      padding-right: 8px;
      // height: 38px;
      // height: 98%;
      width: 196px;
      height: 37px;
      }
      .uimg{
      height: 38px;
      // width: 23%;
      }
      .invisible {
        opacity:0;
        filter:alpha(opacity=0);
        position:absolute;
        left:-320px;
        top:-480px;
        z-index:0;
      }
      /*
      #commit{
      background: url(<!--{echo $we_staticDir}-->btn_sure.png) center center no-repeat;
      background-size: auto 100%;
      border: none;
      width: 291px;
      height: 111px;
      //width: 100%;
      //height: 100%;
      margin: 0 auto;
      }
      */
      .tleft{
      text-align: right;
      width: 256px;
      }
      .tright{
      text-align: left;
      // width: 60%;
      }
    </style>
    <script>
      function _htmlDecode(value){ 
        return $('<div/>').html(value).text(); 
      }
      var shareIconUrl = "<!--{echo $we_shareIconUrl}-->";
      shareIconUrl = _htmlDecode(shareIconUrl);
    
      wx.config({
        debug: false,
        appId: "<!--{echo $we_appid;}-->",
        timestamp: <!--{echo $we_timestamp;}-->,
        nonceStr: "<!--{echo $we_nonceStr;}-->",
        signature: "<!--{echo $we_signature;}-->",
        jsApiList: [
          'checkJsApi',
          'onMenuShareTimeline',
          'onMenuShareAppMessage',
          // 'onMenuShareQQ',
          // 'onMenuShareWeibo',
          // 'chooseImage',
          // 'uploadImage',
          // 'previewImage'
        ]
      });
      wx.ready(function () {
        var shareConfig = {
          title: '大吉大利  “野性”吃鸡',
          desc: '<!--{echo $we_shareDesc}-->',
          link: window.location.href,
          imgUrl: shareIconUrl,
        };
        wx.onMenuShareAppMessage(shareConfig);
        wx.onMenuShareTimeline(shareConfig);
        wx.error(function (res) {
          alert(res.errMsg);
        });
        // alert(JSON.stringify(shareConfig));
      });
      $(document).ready(function() {
        /** * 返回顶部处理 */
        var _objscroll = {
          win: $(window),
          doc: $(document),
          slidediv: $('#tips'),
          mainDiv: $('#mainDiv')
        };
        _objscroll.win.scroll(function() {
          // console.log('scrolltop: ' + _objscroll.win.scrollTop());
          // console.log('height: ' + _objscroll.win.height() + ' ' + _objscroll.mainDiv.height());
          if (_objscroll.win.scrollTop() >= _objscroll.mainDiv.height() - _objscroll.win.height() - 80) {
              _objscroll.slidediv.hide();
          } else {
              _objscroll.slidediv.show();
          }
        });
        /*
        margin-left:-130px; width: 260px;
        */
        console.log('mainDiv width=' + $('#mainBg').width());
        var w = $('#mainBg').width() * (260.0 / 640.0);
        $('#btnDiv').css({
          'margin-left': (-w / 2) + 'px',
          'width': w + 'px' 
        });
      }); 
    </script>
  </head>
  <body>
    <img src="<!--{echo $we_staticDir}-->icon_640.png" class="invisible" id="hideicon" />
    <script>
      function submitShare() {
        var value = document.getElementById("usr_name").value;
        if ( value.length == 0 ){
          alert('请输入昵称.');
          return false;
        }else if ( value.length > 8 ) {
          alert('昵称太长了.');
          return false;
        }
        value = document.getElementById("usr_kill").value;
        var isNum = /^[1-9]\d*$|^0$/;
        if ( true != isNum.test(value) ){
          alert('请输入一个有效的击杀数字.');
          return false;
        }
        var numVal = Number(value);
        if ( numVal < 1 || numVal > 99 ) {
          alert('请输入一个1-99之间的整数.');
          return false;
        }
        document.charset="utf-8";
        document.forms['shareForm'].submit();
      }
    </script>

<form id="shareForm" name="shareForm" accept-charset="utf-8" method="GET" action="<!--{echo $we_shareUrl}-->">
  <div style="text-align: center; position: relative; top: 0px; margin: 0 auto;" id="mainDiv">
    <img id="mainBg" src="<!--{echo $we_staticDir}-->bg_chiji.png" style="max-width: 640px; width: 100%;" />
    <!--
    <div style="display: block; position: absolute; top: 40%; left: 0px; width: 100%; z-index: 99999; text-align: center;">
      <div style="text-align: center; position: absolute; width: 100%; height: 100%;">
        
      </div>
    </div>
  -->
  <table style="position: absolute; top: 32%; left: 50%; margin-left:-320px; width: 640px; z-index: 99999;">
          <tr>
            <td class="tleft">
              <img class="uimg" src="<!--{echo $we_staticDir}-->text_name.png"/>
            </td>
            <td class="tright">
              <input class="udata" id="usr_name" name="usr_name" type="text"/>
            </td>
          </tr>
          <tr>
            <!-- blank row -->
            <td><br/></td>
            <td><br/></td>
          </tr>
          <tr>
            <td class="tleft">
              <img class="uimg" src="<!--{echo $we_staticDir}-->text_kill.png"/>
            </td>
            <td class="tright">
              <input class="udata" id="usr_kill" name="usr_kill" type="text"/>
            </td>
          </tr>
          <tr>
            <!-- blank row -->
            <td><br/></td>
            <td><br/></td>
          </tr>
          <!--
              <tr>
                <td colspan="2" style="text-align: center;">
                  <a style="margin: 0 auto;" href="#" onclick="submitShare(); return false;">
                    <img src="btn_sure.png"/>
                  </a>
                </td>
              </tr>
              -->
    </table>
    <!--
      <a style="margin: 0 auto;" href="#" onclick="submitShare(); return false;">
        <img src="<!--{echo $we_staticDir}-->btn_sure.png" style="width: 26%;"/>
      </a>
       -->
    <p style="display: inline; position: absolute; bottom: 32px; left: 50%; margin-left:-130px; width: 260px; z-index: 99999;" id="btnDiv"><img src="<!--{echo $we_staticDir}-->btn_sure.png" style="width: 100%;margin: 0 auto;" onclick="submitShare(); return false;"/></p>
  </div>
  <input type="hidden" name="img_id" id="img_id" value="<!--{echo $we_imgId}-->"/>
  <input type="hidden" name="label_id" id="label_id" value="<!--{echo $we_labelId}-->"/>
</form>

<div id="tips" style="display: inline;position: fixed; bottom: 10px; width: 7.2%; right: 10px;z-index: 9999;" ontouchstart="return false;">
  <img src="<!--{echo $we_staticDir}-->slide.png" style="width: 100%" ontouchstart="return false;"/>
</div>
 
<!--
<div id="tips" style="position: fixed; width: 640px; bottom: 10px; right: 10px;z-index: 9999;">
  <img src="<!--{echo $we_staticDir}-->slide.png" style=""/>
</div>
-->
<script>
  $('#hideicon').attr('src', shareIconUrl);
</script>
  </body>
</html>