<extend name="Public/bases" />
<block name="css">
  <link href="__CSS__/shop.css" rel="stylesheet" >
</block>
<block name="body" >
    
    <body class="ex-record-detail">
    <header class="header index-header">
      <div class="">
        <a href="javascript:window.history.back();" class="hbtn back"><i class="iconfont icon-drop-left"></i></a>
        <h1 class="caption">兑换详情</h1>
      </div>
    </header>
    <div class="occupy"></div>
    <section class="trunker">
      <section class="container ex-record-container">
        <div class="base">
          <span><img src="{$data.cover}" class="icon"></span>
          <span class="text">{$data.good_name}</span>
        </div>
        <div class="information">
          <h2 class="detail-item-title">使用说明</h2>
          <div class="detail-item-content">

            {$data.good_usage}
          </div>
        </div>
        <if condition="$data['good_type'] eq 1">
        <div class="information">
          <h2 class="detail-item-title">兑换地址</h2>
          <div class="detail-item-content">
            {$data.address}
          </div>
        </div>
        </if>
        <if condition="$data.good_type eq 2">
        <div class="activecode">
          <h2 class="detail-item-title">获取激活码</h2>
          <div class="detail-item-content">
            <div class="activecode-btnbox"><input type="text" id="code" class="activecode-input" value="{$data['good_key'][0]}"><span class="prefix"><span class="table"><span class="table-cell">礼包码:</span></span></span><span class="activecode-copy jscopy">复制</span></div>
          </div>
        </div>
      </if>
        <div class="ex-record-detail-contact" id="appqq" data-value="{:C('APP_QQ')}" data-url="https://jq.qq.com/?_wv=1027&k=5EQQsJz">
          <p>如有疑问请联系在线客服:{:C("APP_QQ")}</p>
        </div>
      </section>
    </section>
    <script src="__JS__/common.js"></script>
    <script>


      $('.jscopy').click(function(event) {
        var elem = $(this).siblings('input');
        if(window.clipboarData) {
          window.clipboarData.clearData();
          window.clipboarData.setData('text',elem.val());
          alert('已经成功复制');
        } else {
          elem.select();
          alert('请长按礼包号码上选择');
        }
        return false;
        
      });

      $('#appqq').click(function() {
            var qq = $.trim($(this).attr('data-value'));
            if (browser.versions.mobile) {
              window.location.href="mqqapi://card/show_pslcard?src_type=internal&version=1&uin="+qq+"&card_type=group&source=external";
            }else {
              window.location.href=$.trim($(this).attr('data-url'));
            }
            return false;
      });
          
    </script>
  </body>
</block>
<block name="footer"></block>