Miao-Yunzai/plugins/genshin/resources/html/roleCard/roleCard.html

76 lines
2.7 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="{{pluResPath}}html/roleCard/roleCard.css" />
<link rel="preload" href="{{resPath}}/font/tttgbnumber.ttf" as="font">
<link rel="preload" href="{{pluResPath}}img/roleCard/bg{{bg}}.jpg" as="image">
<link rel="preload" href="https://q1.qlogo.cn/g?b=qq&s=0&nk={{user_id}}" as="image">
</head>
<body>
<style>
.container {
background: url('{{pluResPath}}img/roleCard/bg{{bg}}.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>
<div class="container" id="container">
<div class="info-box">
<div class="head-box">
<!-- <div class="name-card"><img src="{{_res_path}}/genshin/logo/bg/{{avatars[0].name}}1.png" /></div> -->
<div class="avatar">
<img src="https://q1.qlogo.cn/g?b=qq&s=0&nk={{user_id}}" onerror="whenError(this)" />
</div>
<div class="name"><div>{{name}}</div></div>
<div class="uid"><div>UID{{uid}}</div></div>
<div class="genshin">
<img class="genshin-img" src="{{pluResPath}}img/other/原神.png" />
</div>
</div>
<div class="tab">数据总览</div>
<div class="data-box">
{{each line val}}
<div class="data-line">
{{each val item}}
<div class="data-line-item">
<div class="num">{{item.num}}</div>
<div class="lable">{{item.lable}}</div>
</div>
{{/each}}
</div>
{{/each}}
</div>
</div>
<div class="list-box">
<div class="list">
{{each avatars val}}
<div class="item">
<div class="item-bg">
<div class="role-box {{val.element}}">
<img class="role" src="{{pluResPath}}img/gacha/character/{{val.img}}" />
</div>
{{ if val.actived_constellation_num>0}}
<div class="role-life life{{val.actived_constellation_num}}">{{val.actived_constellation_num}}命</div>
{{/if}}
<div class="role-lv">
<div class="text">Lv {{val.level}}</div>
<div class="text-bg"></div>
</div>
</div>
</div>
{{/each}}
</div>
</div>
<div class="logo">Created By Miao-Yunzai</div>
</div>
</body>
<script type="text/javascript">
function whenError(a) {
// a.onerror = null;
// a.src = "{{_res_path}}/genshin/logo/role/荧.png";
}
</script>
</html>