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

76 lines
2.7 KiB
HTML
Raw Normal View History

2023-03-04 14:30:13 +08:00
<!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>
2023-08-29 23:23:49 +08:00
<div class="logo">Created By Miao-Yunzai</div>
2023-03-04 14:30:13 +08:00
</div>
</body>
<script type="text/javascript">
function whenError(a) {
// a.onerror = null;
// a.src = "{{_res_path}}/genshin/logo/role/荧.png";
}
</script>
</html>