miao-plugin/resources/stat/character.html
yoimiya-kokomi 95bebaaac8 * #喵喵日历 增加 #喵喵日历列表命令,以列表形式展示活动信息
* `#深渊出场率`、`#角色持有率` 等功能样式及字体微调
2022-05-17 05:32:31 +08:00

92 lines
3.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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}}/common/common.css?v=1.0"/>
<link rel="stylesheet" type="text/css" href="{{_res_path}}/stat/common.css?v=1.0"/>
<link rel="stylesheet" type="text/css" href="{{_res_path}}/stat/character.css?v=1.0"/>
<link rel="preload" href="{{_res_path}}/font/tttgbnumber.ttf" as="font">
<% let pct = function (num) {
return (num * 100).toFixed(2);
} %>
</head>
<body id="container" class="body_box" {{cfgScale}}>
<div class="container">
<div class="info_box">
<div class="head-box type{{bgType}}">
{{if mode === "char"}}
<div class="title">角色持有率统计</div>
<div class="label">全角色综合持有率统计</div>
{{else}}
<div class="title">角色{{conNum == -1 ? "命座" : "零一二三四五满"[conNum]+"命"}}分布统计</div>
<div class="label">统计所有角色命座,无论角色是否出场</div>
{{/if}}
<img class="genshin_logo" src="{{_sys_res_path}}/genshin/roleAll/原神.png"/>
</div>
<div class="data-box">
<div class="char-list">
<div class="avatar th">
<div class="index">#</div>
<div class="name">
角色
</div>
<div class="lvl">持有率</div>
<div class="char-cons">
<div class="cons-pct">
<div class="cons-n0">0命</div>
<div class="cons-1">1命</div>
<div class="cons-2">2命</div>
<div class="cons-3">3命</div>
<div class="cons-4">4命</div>
<div class="cons-5">5命</div>
<div class="cons-6">6命</div>
{{if mode === "char"}}
<div class="life_bg"></div>
{{/if}}
</div>
</div>
</div>
{{each chars char idx}}
<div class="avatar">
<div class="index star{{char.star}}">{{idx+1}}</div>
<div class="name_cont star{{char.star}}">
<div class="name">
<div class="avatar_img">
<img src="{{_sys_res_path}}genshin/logo/side/{{char.name}}.png" onerror="whenError(this)"/>
</div>
<div class="avatar_name">
{{abbr[char.name] || char.name}}
</div>
</div>
</div>
<div class="pct">{{pct(char.hold)}}</div>
<div class="char-cons">
<div class="cons-pct">
{{each char.cons con idx}}
<div>{{pct(con.value)}}</div>
{{/each}}
{{if mode ==="char"}}
<div>{{pct(1-char.hold)}}</div>
{{/if}}
</div>
<div class="cons-bg">
{{each char.cons con idx}}
<div class="cons-{{con.id ===0?'n0':con.id}}" style='{{"width:"+pct(con.value)+"%"}}'></div>
{{/each}}
</div>
</div>
</div>
{{/each}}
</div>
<p class="notice"> 数据来源DGP-Studio-胡桃API . 最后更新时间:{{lastUpdate}} </p>
</div>
<div class="copyright"> Created By Yunzai-Bot & Miao-Plugin</div>
</div>
</div>
</body>
</html>