miao-plugin/resources/character/avatar-list.html

{{extend elemLayout}}

{{block 'css'}}
<link rel="stylesheet" type="text/css" href="{{_res_path}}/character/avatar-list.css"/>
<link rel="stylesheet" type="text/css" href="{{_res_path}}/common/tpl.css?v=1.0"/>
{{/block}}


{{block 'main'}}
<div id="banner" style="background-image:url({{_res_path}}{{face?.banner}})">
  <div class="face">
    <span style="background-image:url({{_res_path}}{{face?.face}})"></span>
  </div>
  <div class="user-info">
    <div class="name">
      <strong>{{face.name}}</strong>
      {{if face.level}}<span> #{{uid}}</span>{{/if}}
    </div>
    <div class="uid">
      {{if face.level}} Lv.{{face.level}}·{{/if}}
      {{ if info.activeDay}}{{info.activeDay}} {{/if}}
    </div>
  </div>
  <div class="stat">
    {{each info?.statMap title key}}
    {{if info.stats[key] }}
    <div class="stat-li">
      <strong>{{info.stats[key]}}</strong>
      <span>{{title}}</span>
    </div>
    {{/if}}
    {{/each}}
  </div>
</div>
<div id="avatar-list">
  {{if info && info?.exploration['蒙德']}}
  {{set citys = ['蒙德','龙脊雪山','璃月','层岩巨渊','稻妻','渊下宫','须弥'] }}
  <div class="exploration">
    {{each citys city idx}}
    <div class="item city-{{idx+1}}" style="background-position:{{idx}}0% 0">
      <span>{{city}}</span>
      <strong>{{ (info.exploration[city]||0)/10 || '0'}}%</strong>

    </div>
    {{/each}}
  </div>
  {{/if}}
  <div class="cont avatar-cont">
    <div class="cont-title">角色列表</div>
    <div class="avatar-list">
      {{each avatars avatar idx}}
      <% include(_layout_path+'../tpl/avatar-card.html', [avatar,{_res_path, cardType:'mini'}]) %>
      {{/each}}
    </div>
  </div>
  {{if talentNotice}}
  <p class="cont-notice">{{@talentNotice}}</p>
  {{/if}}

</div>


{{/block}}