<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>我的英雄</title>
    <link rel="stylesheet"
          href="http://assets.dwstatic.com/project/lolbox/2.11.0/css/global.css"/>
    <link rel="stylesheet" href="css/global.css">
    <!--[if gt IE 6]><!-->
    <script type="text/javascript">
    !function(t){t.loadScript(["http://szhuodong.duowan.com/feq/lolbox/yy-f2e-header-lolbox.min"])}(function(){function t(t){var e=n(t);document.write(e)}function n(t){for(var n,r="",c=0;n=t[c];c++)r+=e(n);return r}function e(t){var n=[unescape("%3Cscript%20type%3D%22text/javascript%22%20src%3D%22"),"",unescape("%22%3E%3C/script%3E")],e=new Date;return e.setSeconds(0),e.setMilliseconds(0),e=e.getTime(),t+="?t_="+e,n[1]=t,n.join("")}return{loadScript:function(n){n&&n.length&&n instanceof Array&&t(n)}}}())
    </script>
<!--<![endif]-->
    <script src="http://assets.dwstatic.com/common/js/jquery.js" type="text/javascript"></script>
    <script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
    <script src="js/detailTooltip.js" type="text/javascript"></script>
    <script>
      var playerMostUsedHero = null,jiathis_config;
    </script>
    <script
        src="js/championsStat.js" type="text/javascript"></script>
    <script src="js/underscore.js"></script>

    <style>
        .m-myhero__hd .note-txt p,.your-record{color:#666;}
        .m-myhero-table__hd{border:none;}
        .box .box-bd table tr th{background: #fff!important;border:none;}
        .box .box-bd table thead tr{border-bottom:1px solid #f0f0f0;}
        .box .box-bd table tr td{padding:3px 0 2px;}
        .box .box-bd table tr:hover{background: #ecf3f9;}
        .box .box-bd table tr td{border:none;}
        .m-myhero-table__hd table .col6, .m-myhero-table__hd table .col7,.m-myhero-table__bd table .col6, .m-myhero-table__bd table .col7{width:76px;}
        .m-myhero-table__hd table .col1,.m-myhero-table__bd table .col1{width:50px;}
        .m-myhero-table__hd table .col2, .m-myhero-table__hd table .col3, .m-myhero-table__hd table .col4,.m-myhero-table__bd table .col2, .m-myhero-table__bd table .col3, .m-myhero-table__bd table .col4{width:50px;}
        .m-myhero-table__hd table .col5,.m-myhero-table__bd table .col5{width:100px;}
        .box .box-bd table tr th,.m-myhero-table__hd table th .u-sort{color:#999;}
        .col8{width:95px;}
        .data-winRate{color:#ff7a43;}
        .heropage-hero-tooltips__bd .info-list li .color-red{color:#666;}
        .heropage-hero-tooltips__ft a{color:#408bcb;}
        .heropage-hero-tooltips{background: none;}
        .heropage-hero-tooltips--empty, .heropage-hero-tooltips__wrap{border-color:#f2f3f3!important;background-color:#fcfdfd!important;}
        .m-myhero-table__bd{position:relative;}
    </style>
    <!--[if IE 7]>
        <style>
          .heroRankCrumbs .fnMenu{margin-top:-23px;}
          .more-hero-level{width:50px;}
        </style>
      <![endif]-->
</head>
<body style="overflow:hidden;" scroll="no">

<div class="heroRankCrumbs">
    <a href="playerSearch.html">战绩查询</a><span>&gt;</span><a id="player"></a><span>&gt;</span>我的英雄
    <div class="fnMenu">
      <a class="icons back" href="javascript:history.back();"><i></i></a>
      <a class="icons refresh" href="javascript:location.reload();"><i></i></a>
    </div>
</div>
<div class="box" style="padding-top:0;height:443px;">
    <div class="box-bd">
        <!-- 我的英雄{ -->
        <div class="m-myhero">
            <div class="m-myhero__hd">
                <!-- 提示文字{ -->
                <div class="note-txt">
                    <i></i>

                    <p>点击各列标题进行排序，鼠标悬浮头像上查看英雄名片</p>
                </div>
                <!-- }提示文字 -->
                <!-- 你的记录{ -->
                <div class="your-record">您共有<span id="countHeros"></span>个英雄记录
                </div>
                <!-- }你的记录 -->
            </div>
            <div class="m-myhero__bd">
                <div class="m-myhero-table">
                    <div class="m-myhero-table__hd">
                        <table>
                            <thead>
                            <tr>
                                <th class="col1"><span class="label">英雄</span>
                                </th>
                                <th class="col2"
                                    data-field-name="times"><span
                                        class="u-sort u-sort--asc">场次<i></i></span>
                                </th>
                                <th class="col3" data-field-name="win_rate"><span
                                        class="u-sort u-sort--normal">胜率<i></i></span>
                                </th>
                                <th class="col4"
                                    data-field-name="kda_score"><span
                                        class="u-sort u-sort--normal">场均</br>战损<i></i></span>
                                </th>
                                <th class="col5"
                                    data-field-name="k"><span
                                        class="u-sort u-sort--normal">场均</br>杀死助<i></i></span>
                                </th>
                                <th class="col6"
                                    data-field-name="ddpm"><span
                                        class="u-sort u-sort--normal">场均</br>分钟输出<i></i></span>
                                </th>
                                <th class="col7"
                                    data-field-name="gpm"><span
                                        class="u-sort u-sort--normal">场均</br>分钟经济<i></i></span>
                                </th>
                                <th class="col8"
                                    data-field-name="mk10m"><span
                                        class="u-sort u-sort--normal">场均</br>10分钟补兵<i></i></span>
                                </th>
                                <!--<th><span
                                        class="u-sort u-sort--normal">英雄</br>成就</span>
                                </th>-->
                            </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="m-myhero-table__bd" id="m-myhero-table">
                        <table id="m-myhero-table-data"></table>
                        <div class="m-myhero-table--nodata hide"><i></i>因长时间没有游戏，数据无法采集</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="heropage-hero-tooltips heropage-hero-sharetips"
     id="heropage-hero-sharetips" style="display:none;">
    <div class="heropage-hero-tooltips__wrap">
        <i class="tooltips-arrow"></i>

        <div class="heropage-hero-tooltips__hd clearfix">
            <div class="avatar">
                <img src="" alt="placeholder"/>
            </div>
            <div class="cont">
                <span class="name">匿名</span>

                <div class="game-info"><em class="data-winRate">99%</em>胜 / <em
                        class="data-matchStat">999</em>场
                </div>
            </div>
            <div class="more-action">
                <div class="rank-img fl"></div>
                <div class="action-right fr">
                    <a class="ch_level"></a>
                    <a class="ac-bottom"></a>
                </div>
            </div>
        </div>
        <div class="heropage-hero-tooltips__bd">
            <ul class="info-list">
                <li><i></i>
                    <span class="label">场均KDA：</span>
                    <em class="data-averageKDA-rating">9</em>
                </li>
                <li>
                    <i></i>
                    <span class="label">场均杀死助：</span>
                    <em class="data-averageKDA">9/9/9</em>
                </li>
                <li>
                    <i></i>
                    <span class="label">场均分钟输出：</span>
                    <em class="data-averageDamage">999</em>
                    (<em class="data-averageDamage-rating">超越99%玩家</em>)
                </li>
                <li>
                    <i></i>
                    <span class="label">场均分钟经济：</span>
                    <em class="data-averageEarn">99.9k</em>
                    (<em class="data-averageEarn-rating">超越30%玩家</em>)
                </li>
                <li>
                    <i></i>
                    <span class="label">场均10分钟补兵：</span>
                    <em class="data-averageMinionsKilled">99</em>
                </li>
            </ul>
        </div>
        <div class="heropage-hero-tooltips__ft">
            <a href="javascript:void(0)" class="copy">复制</a>
            <a href="javascript:void(0)" class="screenshot"><i class="line"></i>截图</a>

            <div class="share-link hide">
                <i class="line"></i>
                <span class="label">分享到：</span>
                <a href="javascript:void(0)" class="item3 tqq"></a>
                <a href="javascript:void(0)" class="item1 tsina"></a>
                <a href="javascript:void(0)" class="item4 qzone"></a>
            </div>
        </div>
    </div>

    <div class="heropage-hero-tooltips--empty">
        <i class="tooltips-arrow"></i>
        <p>因长时间没有游戏，数据无法采集</p>
    </div>

    <div class="hide" id="achievementInTextPlain"></div>
</div>
<script id="heroHoverTemp" type="text/template">
  <i class="avatar-arrow"></i>
  <div class="inner">
    <%if(data.noData) {%>
     <div style="text-align:center;"><p><%=data.tipMsg%></p></div>
    <%}else{
      var level = data.championStat.championLevel, chPos = data.championStat.championPosition, statClass;
      switch(chPos) {
        case '辅助': statClass = 'fuzhu';break;
        case '打野': statClass = 'daye';break;
        case 'ADC': statClass = 'adc';break;
        case '中单': statClass = 'zhongdan';break;
        case '上单': statClass = 'shangdan';break;
      }
    %>
      <div class="hover-hd">
        <img src="http://img.lolbox.duowan.com/champions/<%=data.championName%>_40x40.jpg">
        <div class="info">
          <h3><%=data.championNameCN%></h3>
          <p><span><%=data.winRate%>%</span>胜/<%=data.matchStat%>场</p>
          <div class="ch_level level_<%=level%>"></div>
          <div class="championStat">
            <a class="<%=statClass%>"></a>
          </div>
        </div>
      </div>
      <div class="hover-bd">
        <ul>
          <li>
            <i></i>
            <span class="first">场均战损：</span>
            <span><%=data.averageKDARating%>(达标)</span>
          </li>
          <li>
            <i></i>
            <span class="first">场均杀死助：</span>
            <span><%=data.averageKDA[0]%>/<%=data.averageKDA[1]%>/<%=data.averageKDA[2]%></span>
          </li>
          <li>
            <i></i>
            <span class="first">场均对英雄输出：</span>
            <span><%=data.averageDamage[0]%> (超越<%=data.averageDamage[1]%>%玩家)</span>
          </li>
          <li>
            <i></i>
            <span class="first">场均分钟经济：</span>
            <span><%=data.averageEarn[0]%> (超越<%=data.averageEarn[1]%>%玩家)</span>
          </li>
          <li>
            <i></i>
            <span class="first">10分钟场均补兵：</span>
            <span><%=data.averageMinionsKilled%></span>
          </li>
        </ul>
        <div class="handles">
          <a href="javascript:void(0);" class="stat-sign copy" stat-sign="share">复制</a>&nbsp; <span>|</span>&nbsp;
          <a href="<%=data.shotUrl%>" class="stat-sign" target="_blank" stat-sign="share">截图</a>&nbsp; <span>|</span>&nbsp;
          分享到：
          <a stat-sign="share" class="button_tqq"><i class="share tencent"></i></a>
          <a stat-sign="share" class="button_tsina"><i class="share sina"></i></a>
          <a stat-sign="share" class="button_qzone"><i class="share qq"></i></a>
          <div class="copy-text hide"><%=data.championName%> <%=data.championNameCN%>　<%=data.winRate%>%胜/<%=data.matchStat%>场　KDA:<%=data.averageKDA[0]%>/<%=data.averageKDA[1]%>/<%=data.averageKDA[2]%>　分钟输出:<%=data.averageDamage[0]%>(><%=data.averageDamage[1]%>%玩家)　分钟经济:<%=data.averageEarn[0]%>(><%=data.averageEarn[1]%>%玩家)　十分钟补兵:<%=data.averageMinionsKilled%>　来自L O L盒子</div>
        </div>
      </div>
    <%}%>
  </div>
</script>
<script type="text/javascript" src="js/sns_share.js" charset="utf-8"></script>
<!--海度统计-->
<script type="text/javascript">_hiido_no=0;_hiido_wid=["lbox"];</script>
<script src="http://www.duowan.com/duowan.js" type="text/javascript"></script>
<!--百度统计-->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?72772dda37b1e926733138415981abcf";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<!--[if gt IE 6]><!-->
    <script type="text/javascript">
        window.onerror = function(a,b,c){ return true};!function(t){t.loadScript(["http://szhuodong.duowan.com/feq/lolbox/yy-f2e-lolbox.min"])}(function(){function t(e,a){var n=a[e];if(n){e++;var o=document.createElement("script");o.type="text/javascript",o.setAttribute("async","async"),o.onload=o.onreadystatechange=function(){return o.readyState&&"complete"!==o.readyState&&"loaded"!==o.readyState?!1:(o.onload=o.onreadystatechange=null,void t(e,a))};var c=new Date;c.setSeconds(0),c.setMilliseconds(0),c=c.getTime(),o.async=!0,o.src=n+"?_="+c,document.getElementsByTagName("head")[0].appendChild(o)}}return{loadScript:function(e){e&&e.length&&e instanceof Array&&t(0,e)}}}());
    </script>
<!--<![endif]-->
</body>
</html>
