Miao-Yunzai/resources/html/abyss/abyss-floor.html

60 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<link rel="shortcut icon" href="#"/>
<link rel="stylesheet" type="text/css" href="{{_res_path}}html/abyss/abyss-floor.css"/>
</head>
<body>
<div class="container" id="container">
<div class="page bg{{floorIndex}}">
<div class="border"></div>
<div class="header">
<div>
<div class="uid">ID:{{uid}}</div>
<div class="title">深境第{{floorIndex}}层</div>
</div>
<div class="star">
<img src="{{_res_path}}img/abyss/star.png"/>
<span>{{floor.star}}/{{floor.max_star}}</span>
</div>
</div>
<div class="room-list">
{{ each list val}}
<div class="floor">
<div class="floor-header">
<span class="index">第{{val.index}}间</span>
<span class="date">{{val.time}}</span>
</div>
<div class="content">
<div class="role-box">
{{ each val.battles vv}}
<div class="roles">
{{ each vv.avatars v}}
<div class="item">
{{ if v.life>0}}
<span class="life life{{v.life}}">{{v.life}}命</span>
{{/if}}
<img class="role_img bg{{v.rarity}}" src="{{_miao_path}}{{v.icon}}" onerror="whenError(this)"/>
<div class="desc">Lv.{{v.level}}</div>
<img class="fill_img" src="{{_res_path}}img/other/fill.png"/>
</div>
{{/each}}
<div class="split-text split-text-{{vv.index}}">{{if vv.index==1 }}上{{else}}下{{/if}}半</div>
</div>
{{ /each}}
</div>
<div class="star-box">
<img class="{{if val.star<1 }}nostar{{/if}}" src="{{_res_path}}img/abyss/star.png"/>
<img class="{{if val.star<2 }}nostar{{/if}}" src="{{_res_path}}img/abyss/star.png"/>
<img class="{{if val.star<3 }}nostar{{/if}}" src="{{_res_path}}img/abyss/star.png"/>
</div>
</div>
</div>
{{/each}}
</div>
</div>
</div>
</body>
</html>