MibooGram/resources/genshin/gacha/gacha.html
2022-10-15 21:06:42 +08:00

62 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<link rel="preload" href="./items/background.jpg" as="image">
<link type="text/css" href="./gacha.css" rel="stylesheet">
<link type="text/css" href="../../styles/public.css" rel="stylesheet">
</head>
<body>
<div class="container" id="container">
<div class="info-bg info-name">{{name}}</div>
<div class="info-bg info-count">{{info}}</div>
{% if banner_type == "WEAPON" %}
{% if wish_name %}
<div class="info-bg poor-wish">定轨:{{wish_name}}</div>
<div class="info-bg poor-bing">命定值:{{player_gacha_banner_info.failed_chosen_item_pulls}}</div>
{% else %}
<div class="info-bg poor-bing">当前卡池未定轨</div>
{% endif %}
{% endif %}
<div class="info-bg poor-info">
{% autoescape off %}
{{banner_name}}
{% endautoescape %}
</div>
<div class="info-bg pity5">距离上一个五星{{player_gacha_banner_info.pity5}}抽</div>
<div class="list-box">
{% for item in items %}
<div class="item">
<div class="item-bg-box">
<img class="item-bg" src="{{_res_path}}/genshin/gacha/items/bg.png" alt=""/>
</div>
<img class="item-shadow" src="{{_res_path}}/genshin/gacha/items/shadow-{{item.rank}}.png" alt=""/>
<img class="item-shadow2" src="{{_res_path}}/genshin/gacha/items/bg2.png" alt=""/>
{% if item.id <= 100000 %}
<div class="item-weapon-box">
<img class="item-weapon-img" src="{{_res_path}}/genshin/gacha/weapon/{{item.name}}.png" alt=""/>
</div>
{% else %}
<div class="item-img-box">
<img class="item-character-img" src="{{_res_path}}/genshin/gacha/character/{{item.name}}.png" alt=""/>
</div>
{% endif %}
{% if item.id <= 100000 %}
<img class="item-element" src="{{_res_path}}/genshin/gacha/items/{{item.type}}.png" alt=""/>
{% else %}
<img class="item-element" src="{{_res_path}}/genshin/gacha/items/{{item.element}}.png" alt=""/>
{% endif %}
<img class="item-star" src="{{_res_path}}/genshin/gacha/items/s-{{item.rank}}.png" alt=""/>
</div>
{% endfor %}
</div>
</div>
</body>
<svg viewBox="0 0 302.22 1333.94" height="0" width="0">
<clipPath id="wishframe" transform="scale(0.003308 0.00074965)" clipPathUnits="objectBoundingBox">
<path
d="M0.01 168.12l0 -9.64c4.32,-21.34 12,-32.33 25.46,-25.58 -2.35,-10.3 -1.53,-26.06 5.79,-25.96 19.18,0.25 29.95,-3.14 40.24,-13.16 -4.5,-66.43 51.39,-54.26 79.61,-93.78l0 0c28.22,39.52 84.1,27.34 79.61,93.78 10.29,10.02 21.06,13.41 40.24,13.16 7.32,-0.1 8.13,15.66 5.79,25.96 13.46,-6.75 21.14,4.24 25.46,25.58l0 9.64 0.01 0 0 1004.21 -0.01 0 0 3.13c-4.32,21.34 -12,32.33 -25.46,25.58 2.35,10.3 1.53,26.06 -5.79,25.96 -19.18,-0.25 -29.95,3.14 -40.24,13.16 4.5,66.43 -51.39,54.26 -79.61,93.78l0 0c-28.22,-39.52 -84.1,-27.34 -79.61,-93.78 -10.29,-10.02 -21.06,-13.41 -40.24,-13.16 -7.32,0.1 -8.13,-15.66 -5.79,-25.96 -13.46,6.75 -21.14,-4.24 -25.46,-25.58l0 -3.13 -0.01 0 0 -1004.21 0.01 0z"
/>
</clipPath>
</svg>
</html>