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

82 lines
2.6 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>