mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-11-28 10:41:48 +00:00
298 lines
25 KiB
HTML
298 lines
25 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" gt-area="sea" gt-platform="pc" gt-device="undefined" style="--gpx: 1px;" mi18n-lang="zh-cn">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>绝区零战绩</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<link rel="preconnect" href="https://webstatic.hoyoverse.com/">
|
|
<link rel="stylesheet" href="./css/font.css">
|
|
<link rel="stylesheet" href="./css/swiper.min.css">
|
|
<meta name="viewport"
|
|
content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover">
|
|
<meta name="description" content="">
|
|
<meta name="x-op-env" content="v1.0.14">
|
|
<link href="./css/vendors_f08f35cc.css" rel="stylesheet">
|
|
<link href="./css/pc_6db636c8.css" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css"
|
|
href="./css/pc_zzz_bangbooo_all~pc_zzz_challenge_all~pc_zzz_roles_all~pc_zzz_roles_detail_7c5ef2b9.css">
|
|
<link rel="stylesheet" type="text/css" href="./css/pc_zzz_roles_detail_8479dbdd.css">
|
|
<link rel="stylesheet" type="text/css" href="./css/style.css">
|
|
</head>
|
|
<body>
|
|
<div data-v-5e800caa="" class="pc-root-layout" id="1081">
|
|
<div data-v-5e800caa="" class="homeBg_3YryAw-I pc-layout-bg"></div>
|
|
<div data-v-5e800caa="" class="pc-root-layout__container">
|
|
<div data-v-5e800caa="" class="shareContainer_2ZR-xeyd">
|
|
<div class="share-decoIcon tw-absolute tw-right-10 tw-top-10 tw-z-[1] tw-h-[50px] tw-w-[120px]"
|
|
style="display: none;">
|
|
</div>
|
|
<div class="shareBg_1ijiCPI_" style="display: none;"></div>
|
|
<div class="share-header" style="display: none;"></div>
|
|
<div class="sharePage_1Rb3Oz8D share-page"> <!---->
|
|
<div data-v-5e800caa="" class="pc-root-layout__content">
|
|
<div data-v-7c666a6a="" data-v-5e800caa="" class="role-detail detailPage_1CFihQoV" uid=""
|
|
switches="[object Object],[object Object],[object Object]">
|
|
<div class="pc-detail-page-bg detailPageBg_327tx5T6"
|
|
style="background-image: url('https://act.hoyolab.com/app/mihoyo-zzz-game-record/images/page-bg-pc.9bd180ff.png'); background-color: rgb(1, 1, 1);"></div>
|
|
<div class="header_1FGsRcEF">
|
|
<div class="title_rlJZtEfB">代理人详情 - UID {{ uid }}</div>
|
|
</div>
|
|
<div data-v-7c666a6a="" class="role-detail-container"
|
|
style="background: linear-gradient({{ color }} 18%, rgb(1, 1, 1) 42%);">
|
|
<div data-v-7c666a6a="" class="infos-container">
|
|
<div data-v-7c666a6a="" class="infos-main-content">
|
|
<div data-v-7c666a6a="" class="role-infos">
|
|
<div data-v-7c666a6a="" class="role-name-bg"
|
|
style="background-color: {{ color }};">
|
|
</div>
|
|
<img data-v-7c666a6a="" src="https://act-webstatic.hoyoverse.com/game_record/zzz/role_vertical_painting/role_vertical_painting_{{ char.id }}.png"
|
|
alt="" class="role-avatar">
|
|
<div data-v-7c666a6a="" class="role-base-info">
|
|
<img data-v-7c666a6a="" src="../../img/rarity/{{ char.rarity }}.png"
|
|
alt="" class="rarity-icon">
|
|
<div data-v-7c666a6a="" class="base-info">
|
|
<div data-v-7c666a6a="">
|
|
<div data-v-7c666a6a=""><p data-v-7c666a6a="">{{ char.name }}</p>
|
|
<span data-v-7c666a6a="">Lv40</span></div>
|
|
<div data-v-7c666a6a="">
|
|
<img data-v-7c666a6a="" src="../../img/attribute/{{ char.element_type }}.png"
|
|
alt="">
|
|
<img data-v-7c666a6a="" src="../../img/profession/{{ char.avatar_profession }}.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
<div data-v-7342b717="" data-v-7c666a6a="" class="rank-list"
|
|
style="width: 224px; height: 24px;">
|
|
<svg data-v-7342b717="" viewBox="0 0 80 80"
|
|
style="width: 24px; height: 24px; color: rgb(62, 62, 62);">
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M30,27.28l-1.72,7.87H34L29.12,57.31h15l7.56-34.62H40.19Q37,26.68,30,27.28Z"></path>
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M40,0A40,40,0,1,0,80,40,40,40,0,0,0,40,0Zm0,71.91A31.91,31.91,0,1,1,71.91,40,32,32,0,0,1,40,71.91Z"></path>
|
|
</svg>
|
|
<svg data-v-7342b717="" viewBox="0 0 80 80"
|
|
style="width: 24px; height: 24px; color: rgb(62, 62, 62);">
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M51.92,22.69H36.82q-9.18,0-10.61,6.49L25,34.72H40l.5-2.07c.36-1.45,1.08-2.17,2.16-2.17a1.33,1.33,0,0,1,1.31.65,4.82,4.82,0,0,1,.09.65,4,4,0,0,1-2,3.76L21.68,50.08l-1.59,7.23H53.57l1.69-7.79H42.57L54.71,41a9.56,9.56,0,0,0,3.8-6.19l1.19-5.63a6.88,6.88,0,0,0,.2-1.94Q59.56,22.7,51.92,22.69Z"></path>
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M40,0A40,40,0,1,0,80,40,40,40,0,0,0,40,0Zm0,71.91A31.91,31.91,0,1,1,71.91,40,32,32,0,0,1,40,71.91Z"></path>
|
|
</svg>
|
|
<svg data-v-7342b717="" viewBox="0 0 80 80"
|
|
style="width: 24px; height: 24px; color: rgb(62, 62, 62);">
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M51.29,22.69h-15q-9.18,0-10.54,6.45l-.87,4.11H39.77l.28-1c.39-1.33,1.09-1.94,2.11-1.82.66.09,1.05.3,1.17.65a1.74,1.74,0,0,1,.23.73,4.27,4.27,0,0,1,0,.83c-.35,1.52-1.43,2.29-3.23,2.29H37.34l-1.69,7.79h3.24c1.26,0,1.93.47,2,1.41a3.71,3.71,0,0,1-.1.91l-.48,2.06C40,48.77,39.18,49.58,38,49.52c-.77,0-1.19-.52-1.27-1.46a4,4,0,0,1,0-.9L37.3,45h-15L21,51a6.51,6.51,0,0,0-.16,2q.33,4.37,7.89,4.37h15q9.18,0,10.72-7.28l.7-3.29a13.56,13.56,0,0,0,.37-3.43,5.45,5.45,0,0,0-.58-1.94q-.82-1.74-4-2.47,6.3-1.73,7.41-6.83L59,29.13a6.28,6.28,0,0,0,.18-1.86Q58.84,22.7,51.29,22.69Z"></path>
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M40,0A40,40,0,1,0,80,40,40,40,0,0,0,40,0Zm0,71.91A31.91,31.91,0,1,1,71.91,40,32,32,0,0,1,40,71.91Z"></path>
|
|
</svg>
|
|
<svg data-v-7342b717="" viewBox="0 0 80 80"
|
|
style="width: 24px; height: 24px; color: rgb(62, 62, 62);">
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M57.26,22.69H34.81L20.14,43.37l-1.56,7.1h17.6l-1.51,6.84h15l1.51-6.84h5l1.75-7.87h-5ZM37.86,42.6H33.29L40,33Z"></path>
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M40,0A40,40,0,1,0,80,40,40,40,0,0,0,40,0Zm0,71.91A31.91,31.91,0,1,1,71.91,40,32,32,0,0,1,40,71.91Z"></path>
|
|
</svg>
|
|
<svg data-v-7342b717="" viewBox="0 0 80 80"
|
|
style="width: 24px; height: 24px; color: rgb(62, 62, 62);">
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M23,42.94H38.11c.59-1.09,1.3-1.64,2.12-1.64a1.53,1.53,0,0,1,1.27.52,13.89,13.89,0,0,1,0,1.9L40.78,47c-.38,1.73-1.16,2.57-2.34,2.51-.92,0-1.34-.55-1.28-1.56.08-.43.15-.84.2-1.23s.11-.76.18-1.11H22.47L21.26,50.9a6.49,6.49,0,0,0-.17,1.91q.35,4.5,8,4.5H44.21Q53.48,57.31,55,50l2-9.3a9.25,9.25,0,0,0,.26-2.64q-.41-5.28-8.32-5.28a25.37,25.37,0,0,0-9.13,1.87l.91-4.16H59.25L61,22.69H27.41Z"></path>
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M40,0A40,40,0,1,0,80,40,40,40,0,0,0,40,0Zm0,71.91A31.91,31.91,0,1,1,71.91,40,32,32,0,0,1,40,71.91Z"></path>
|
|
</svg>
|
|
<svg data-v-7342b717="" viewBox="0 0 80 80"
|
|
style="width: 24px; height: 24px; color: rgb(62, 62, 62);">
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M51.29,22.69h-15q-9.13,0-10.54,6.45L21,51a7.15,7.15,0,0,0-.17,1.9q.35,4.45,7.9,4.46h15q9.21,0,10.76-7.27L56,43a9.1,9.1,0,0,0,.26-2.68q-.41-5.12-8.23-5.11a23.11,23.11,0,0,0-9.1,1.86l.86-3.82a6.46,6.46,0,0,1,.82-2.15,2,2,0,0,1,1.46-.65,1.29,1.29,0,0,1,1.25.64,1.08,1.08,0,0,1,.26.64,2.81,2.81,0,0,1-.12.81l-.09.59H58.11l.91-4a6.28,6.28,0,0,0,.18-1.86Q58.84,22.69,51.29,22.69Zm-11.9,20.6a1.4,1.4,0,0,1,1.27.56.91.91,0,0,1,.15.52,4,4,0,0,1-.13,1.17l-.39,1.77A2.75,2.75,0,0,1,39.47,49a2.12,2.12,0,0,1-1.47.56A1.24,1.24,0,0,1,36.8,49a3,3,0,0,1-.16-.7,4,4,0,0,1,.11-.95l.36-1.69C37.43,44.07,38.19,43.29,39.39,43.29Z"></path>
|
|
<path data-v-7342b717="" fill="currentColor"
|
|
d="M40,0A40,40,0,1,0,80,40,40,40,0,0,0,40,0Zm0,71.91A31.91,31.91,0,1,1,71.91,40,32,32,0,0,1,40,71.91Z"></path>
|
|
</svg>
|
|
</div>
|
|
<img data-v-7c666a6a=""
|
|
src="{{ char.group_icon_path }}"
|
|
alt="" class="group-icon"></div>
|
|
</div>
|
|
</div>
|
|
<ul data-v-7c666a6a="" class="property-info">
|
|
{% for prop in props %}
|
|
<li data-v-7c666a6a="">
|
|
<div data-v-7c666a6a="">
|
|
<img data-v-7c666a6a="" src="./images/prop-{{ prop.icon }}-icon.png"
|
|
alt=""> <span data-v-7c666a6a="">{{ prop.property_name }}</span>
|
|
</div>
|
|
<div data-v-7c666a6a="">
|
|
{% if prop.add != '' %}
|
|
<span data-v-7c666a6a="" class="base-add-prop">
|
|
<span data-v-7c666a6a="">{{ prop.base }}</span>
|
|
<span data-v-7c666a6a="">+{{ prop.add }}</span>
|
|
</span>
|
|
{% endif %}
|
|
<span data-v-7c666a6a="" class="final-prop">{{ prop.final }}</span>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
<div data-v-7c666a6a="" class="equipment-info"><h2 data-v-7c666a6a=""><span
|
|
data-v-7c666a6a="">装备</span> <img data-v-7c666a6a=""
|
|
src="./images/title-icon.0b3eeb69.png"
|
|
alt=""></h2>
|
|
<div data-v-7c666a6a="" class="suit-effects"><h3 data-v-7c666a6a="">
|
|
套装激活效果</h3>
|
|
{% set equip_suits = char.equip_suits %}
|
|
{% if equip_suits %}
|
|
<ul data-v-7c666a6a="">
|
|
{% for suit in equip_suits %}
|
|
<li data-v-7c666a6a="">
|
|
<div data-v-7c666a6a="">
|
|
<p data-v-7c666a6a="">{{ suit.name }} [{{ suit.own }}/4]</p>
|
|
<p data-v-7c666a6a="">
|
|
{% if suit.own > 3 %}
|
|
{{ suit.desc2_html | safe }}
|
|
{% else %}
|
|
{% if suit.own > 1 %}
|
|
{{ suit.desc1_html | safe }}
|
|
{% endif %}
|
|
{% endif %}
|
|
</p> <img data-v-7c666a6a=""
|
|
src="./images/weapon-suit-icon.f75f0d28.png"
|
|
alt="">
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% else %}
|
|
<ul data-v-7c666a6a="" class="empty-content">
|
|
<li data-v-7c666a6a=""><p data-v-7c666a6a="">暂无套装激活效果</p></li>
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
<div data-v-7c666a6a="" class="main-content">
|
|
{% set weapon = char.weapon %}
|
|
{% if weapon %}
|
|
<div data-v-7c666a6a="" class="weapon-info">
|
|
<img data-v-7c666a6a="" src="./images/weapon-bg-{{ weapon.rarity }}.png" alt="" class="bg">
|
|
<img
|
|
data-v-7c666a6a=""
|
|
src="{{ weapon.icon }}" alt=""
|
|
class="icon">
|
|
{% if weapon.star > 0 %}
|
|
<img data-v-7c666a6a="" src="./images/role-star-{{ weapon.star }}.png"
|
|
class="rank">
|
|
{% endif %}
|
|
<span data-v-7c666a6a="" class="level">Lv{{ weapon.level }}</span>
|
|
</div>
|
|
{% endif %}
|
|
<!-- 驱动盘-->
|
|
{% set equips = char.equip_map %}
|
|
{% for i in range(1, 7) %}
|
|
<div data-v-7c666a6a="" class="equip-info equip-info-{{ loop.index }}">
|
|
{% if loop.index < 4 %}
|
|
{% set side = 'left' %}
|
|
{% else %}
|
|
{% set side = 'right' %}
|
|
{% endif %}
|
|
{% set equip = equips[loop.index | string] %}
|
|
{% if equip %}
|
|
<div data-v-7c666a6a="">
|
|
<img data-v-7c666a6a="" src="{{ equip.icon }}" alt="" class="icon">
|
|
<span data-v-7c666a6a="" class="level">Lv{{ equip.level }}</span>
|
|
</div>
|
|
<img data-v-7c666a6a=""
|
|
src="./images/equip-bg-{{ side }}-{{ equip.rarity}}.png" alt=""
|
|
class="bg">
|
|
{% else %}
|
|
<div data-v-7c666a6a="">
|
|
<img data-v-7c666a6a="" src="./images/equip-disable-bg.png" alt="" class="icon">
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
{% set skills = char.skills %}
|
|
<div data-v-7c666a6a="" class="skill-info"><h2 data-v-7c666a6a=""><span
|
|
data-v-7c666a6a="">技能</span> <img data-v-7c666a6a=""
|
|
src="./images/title-icon.0b3eeb69.png"
|
|
alt=""></h2>
|
|
<ul data-v-7c666a6a="">
|
|
<li data-v-7c666a6a="" class="skill-item">
|
|
<div data-v-7c666a6a="">
|
|
<div data-v-7c666a6a=""><img data-v-7c666a6a=""
|
|
src="./images/skill-icon-0.0d9692b6.png"
|
|
alt="">
|
|
<p data-v-7c666a6a=""><span data-v-7c666a6a="">{{ skills[0].level_str }}</span> <span
|
|
data-v-7c666a6a="">LEVEL</span></p>
|
|
<h2 data-v-7c666a6a="">普通攻击</h2>
|
|
<h3 data-v-7c666a6a="">普通攻击</h3></div>
|
|
</div>
|
|
</li>
|
|
<li data-v-7c666a6a="" class="skill-item">
|
|
<div data-v-7c666a6a="">
|
|
<div data-v-7c666a6a=""><img data-v-7c666a6a=""
|
|
src="./images/skill-icon-2.d863591b.png"
|
|
alt="">
|
|
<p data-v-7c666a6a=""><span data-v-7c666a6a="">{{ skills[2].level_str }}</span> <span
|
|
data-v-7c666a6a="">LEVEL</span></p>
|
|
<h2 data-v-7c666a6a="">闪避</h2>
|
|
<h3 data-v-7c666a6a="">闪避</h3></div>
|
|
</div>
|
|
</li>
|
|
<li data-v-7c666a6a="" class="skill-item">
|
|
<div data-v-7c666a6a="">
|
|
<div data-v-7c666a6a=""><img data-v-7c666a6a=""
|
|
src="./images/skill-icon-6.3fc55b66.png"
|
|
alt="">
|
|
<p data-v-7c666a6a=""><span data-v-7c666a6a="">{{ skills[5].level_str }}</span> <span
|
|
data-v-7c666a6a="">LEVEL</span></p>
|
|
<h2 data-v-7c666a6a="">支援技</h2>
|
|
<h3 data-v-7c666a6a="">支援技</h3></div>
|
|
</div>
|
|
</li>
|
|
<li data-v-7c666a6a="" class="skill-item">
|
|
<div data-v-7c666a6a="">
|
|
<div data-v-7c666a6a=""><img data-v-7c666a6a=""
|
|
src="./images/skill-icon-1.e2f84ffb.png"
|
|
alt="">
|
|
<p data-v-7c666a6a=""><span data-v-7c666a6a="">{{ skills[1].level_str }}</span> <span
|
|
data-v-7c666a6a="">LEVEL</span></p>
|
|
<h2 data-v-7c666a6a="">特殊技</h2>
|
|
<h3 data-v-7c666a6a="">特殊技</h3></div>
|
|
</div>
|
|
</li>
|
|
<li data-v-7c666a6a="" class="skill-item">
|
|
<div data-v-7c666a6a="">
|
|
<div data-v-7c666a6a=""><img data-v-7c666a6a=""
|
|
src="./images/skill-icon-3.afdb8abe.png"
|
|
alt="">
|
|
<p data-v-7c666a6a=""><span data-v-7c666a6a="">{{ skills[3].level_str }}</span> <span
|
|
data-v-7c666a6a="">LEVEL</span></p>
|
|
<h2 data-v-7c666a6a="">连携技</h2>
|
|
<h3 data-v-7c666a6a="">连携技</h3></div>
|
|
</div>
|
|
</li>
|
|
<li data-v-7c666a6a="" class="skill-item">
|
|
<div data-v-7c666a6a="">
|
|
<div data-v-7c666a6a=""><img data-v-7c666a6a=""
|
|
src="./images/skill-icon-5.3d486da1.png"
|
|
alt="">
|
|
<p data-v-7c666a6a=""><span data-v-7c666a6a="">{{ skills[4].level_str }}</span> <span
|
|
data-v-7c666a6a="">LEVEL</span></p>
|
|
<h2 data-v-7c666a6a="">核心技</h2>
|
|
<h3 data-v-7c666a6a="">核心技</h3></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div> <!----> <!----> <!----> <!---->
|
|
<div data-modal-id="__gt-popup__" data-modal-count="0" data-modal-visible-count="0"
|
|
class="gt-modal gt-popup-root" style="z-index: 100;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|