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

{{extend elemLayout}}

{{block 'css'}}
<link rel="stylesheet" type="text/css" href="{{_res_path}}/character/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>
  <div class="label">{{msg}}</div>
  <div class="label">你可以使用<span>#{{demo}}面板</span>、<span>#{{demo}}伤害</span>、<span>#{{demo}}圣遗物</span>命令来查看面板信息</div>
</div>
<div class="cont char-list">
  {{each chars char}}
  <div class="char-item {{char.isNew?'new-char':''}}">
    <div class="item-icon char-icon star{{char.star}}">
       <span class="img"
             style="background-image:url({{_res_path}}/meta/character/{{char.name}}/face.png)"></span>
    </div>
    <span class="name">{{char.abbr}}</span>
  </div>
  {{/each}}
</div>


{{/block}}