{{extend elemLayout}}

{{block 'css'}}
<link rel="stylesheet" type="text/css" href="{{_res_path}}/character/profile-detail.css"/>
<link rel="stylesheet" type="text/css" href="{{_res_path}}/character/profile-list.css"/>
{{/block}}


{{block 'main'}}
{{set demo = chars[0]?.abbr || "雷神" }}
<div class="head-box">
  <div class="title">#面板列表
    <div class="label">UID:{{uid}}</div>
  </div>
  <div class="label">{{msg+", "}}更新角色时请不要出场对应角色，以获取准确面板数据</div>
  <div class="label">你可以使用<span>#{{demo}}面板</span>、<span>#{{demo}}伤害</span>、<span>#{{demo}}圣遗物</span>命令来查看面板信息了</div>
</div>
<div class="cont">
  <div class="char-list">
    {{each chars char}}
    <div class="char-item {{char.isNew&&hasNew ?'new-char':''}}">
      <div class="item-icon char-icon star{{char.star}}">
       <span class="img"
             style="background-image:url({{_res_path}}{{char.face}})"></span>
      </div>
      <span class="name">{{char.abbr}}</span>
    </div>
    {{/each}}
  </div>
  <div class="cont-footer">
    {{if hasNew}}
    <span class="new-tip">本次更新角色</span>
    {{else}}
    <span></span>
    {{/if}}
    <span class="serv">当前更新服务：{{servName}}</span>
  </div>
</div>


{{/block}}