mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-11-25 09:37:38 +00:00
362 lines
19 KiB
HTML
362 lines
19 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="../../styles/public.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-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
|
|
class="role-detail-container"
|
|
style="background: linear-gradient({{ color }} 18%, rgb(1, 1, 1) 42%);"
|
|
>
|
|
<div class="infos-container">
|
|
<div class="infos-main-content">
|
|
<div class="role-infos">
|
|
<div
|
|
class="role-name-bg"
|
|
style="background-color: {{ color }};"
|
|
></div>
|
|
<img
|
|
src="https://act-webstatic.hoyoverse.com/game_record/zzz/role_vertical_painting/role_vertical_painting_{{ char.id }}.png"
|
|
alt=""
|
|
class="role-avatar"
|
|
/>
|
|
<div class="role-base-info">
|
|
<img
|
|
src="../../img/rarity/{{ char.rarity }}.png"
|
|
alt=""
|
|
class="rarity-icon"
|
|
/>
|
|
<div class="base-info">
|
|
<div>
|
|
<div>
|
|
<p>{{ char.name }}</p>
|
|
<span>Lv{{ char.level }}</span>
|
|
</div>
|
|
<div>
|
|
<img
|
|
src="../../img/attribute/{{ char.element_type }}.png"
|
|
alt=""
|
|
/>
|
|
<img
|
|
src="../../img/profession/{{ char.avatar_profession }}.png"
|
|
alt=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
data-v-7342b717=""
|
|
class="rank-list"
|
|
style="width: 224px; height: 24px"
|
|
>
|
|
<!-- prettier-ignore -->
|
|
<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>
|
|
<!-- prettier-ignore -->
|
|
<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>
|
|
<!-- prettier-ignore -->
|
|
<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>
|
|
<!-- prettier-ignore -->
|
|
<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>
|
|
<!-- prettier-ignore -->
|
|
<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>
|
|
<!-- prettier-ignore -->
|
|
<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
|
|
src="{{ char.group_icon_path }}"
|
|
alt=""
|
|
class="group-icon"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul class="property-info">
|
|
{% for prop in props %}
|
|
<li>
|
|
<div>
|
|
<img
|
|
src="./images/prop-{{ prop.icon }}-icon.png"
|
|
alt=""
|
|
/>
|
|
<span>{{ prop.property_name }}</span>
|
|
</div>
|
|
<div>
|
|
{% if prop.add != '' %}
|
|
<span class="base-add-prop">
|
|
<span>{{ prop.base }}</span>
|
|
<span>+{{ prop.add }}</span>
|
|
</span>
|
|
{% endif %}
|
|
<span class="final-prop">{{ prop.final }}</span>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
<div class="equipment-info">
|
|
<h2>
|
|
<span>装备</span>
|
|
<img src="./images/title-icon.0b3eeb69.png" alt="" />
|
|
</h2>
|
|
<div class="suit-effects">
|
|
<h3>套装激活效果</h3>
|
|
{% set equip_suits = char.equip_suits %} {% if
|
|
equip_suits %}
|
|
<ul>
|
|
{% for suit in equip_suits %}
|
|
<li>
|
|
<div>
|
|
<p>{{ suit.name }} [{{ suit.own }}/4]</p>
|
|
<p>
|
|
{% if suit.own > 3 %} {{ suit.desc2_html | safe
|
|
}} {% else %} {% if suit.own > 1 %} {{
|
|
suit.desc1_html | safe }} {% endif %} {% endif
|
|
%}
|
|
</p>
|
|
<img
|
|
src="./images/weapon-suit-icon.f75f0d28.png"
|
|
alt=""
|
|
/>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% else %}
|
|
<ul class="empty-content">
|
|
<li><p>暂无套装激活效果</p></li>
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
<div class="main-content">
|
|
{% set weapon = char.weapon %} {% if weapon %}
|
|
<div class="weapon-info">
|
|
<img
|
|
src="./images/weapon-bg-{{ weapon.rarity }}.png"
|
|
alt=""
|
|
class="bg"
|
|
/>
|
|
<img src="{{ weapon.icon }}" alt="" class="icon" />
|
|
{% if weapon.star > 0 %}
|
|
<img
|
|
src="./images/role-star-{{ weapon.star }}.png"
|
|
class="rank"
|
|
/>
|
|
{% endif %}
|
|
<span class="level">Lv{{ weapon.level }}</span>
|
|
</div>
|
|
{% endif %}
|
|
<!-- 驱动盘-->
|
|
{% set equips = char.equip_map %} {% for i in range(1,
|
|
7) %}
|
|
<div 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>
|
|
<img src="{{ equip.icon }}" alt="" class="icon" />
|
|
<span class="level">Lv{{ equip.level }}</span>
|
|
</div>
|
|
<img
|
|
src="./images/equip-bg-{{ side }}-{{ equip.rarity}}.png"
|
|
alt=""
|
|
class="bg"
|
|
/>
|
|
{% else %}
|
|
<div>
|
|
<img
|
|
src="./images/equip-disable-bg.png"
|
|
alt=""
|
|
class="icon"
|
|
/>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% set skills = char.skills %}
|
|
<div class="skill-info">
|
|
<h2>
|
|
<span>技能</span>
|
|
<img src="./images/title-icon.0b3eeb69.png" alt="" />
|
|
</h2>
|
|
<ul>
|
|
<li class="skill-item">
|
|
<div>
|
|
<div>
|
|
<img
|
|
src="./images/skill-icon-0.0d9692b6.png"
|
|
alt=""
|
|
/>
|
|
<p>
|
|
<span>{{ skills[0].level_str }}</span>
|
|
<span>LEVEL</span>
|
|
</p>
|
|
<h2>普通攻击</h2>
|
|
<h3>普通攻击</h3>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="skill-item">
|
|
<div>
|
|
<div>
|
|
<img
|
|
src="./images/skill-icon-2.d863591b.png"
|
|
alt=""
|
|
/>
|
|
<p>
|
|
<span>{{ skills[2].level_str }}</span>
|
|
<span>LEVEL</span>
|
|
</p>
|
|
<h2>闪避</h2>
|
|
<h3>闪避</h3>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="skill-item">
|
|
<div>
|
|
<div>
|
|
<img
|
|
src="./images/skill-icon-6.3fc55b66.png"
|
|
alt=""
|
|
/>
|
|
<p>
|
|
<span>{{ skills[5].level_str }}</span>
|
|
<span>LEVEL</span>
|
|
</p>
|
|
<h2>支援技</h2>
|
|
<h3>支援技</h3>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="skill-item">
|
|
<div>
|
|
<div>
|
|
<img
|
|
src="./images/skill-icon-1.e2f84ffb.png"
|
|
alt=""
|
|
/>
|
|
<p>
|
|
<span>{{ skills[1].level_str }}</span>
|
|
<span>LEVEL</span>
|
|
</p>
|
|
<h2>特殊技</h2>
|
|
<h3>特殊技</h3>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="skill-item">
|
|
<div>
|
|
<div>
|
|
<img
|
|
src="./images/skill-icon-3.afdb8abe.png"
|
|
alt=""
|
|
/>
|
|
<p>
|
|
<span>{{ skills[3].level_str }}</span>
|
|
<span>LEVEL</span>
|
|
</p>
|
|
<h2>连携技</h2>
|
|
<h3>连携技</h3>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="skill-item">
|
|
<div>
|
|
<div>
|
|
<img
|
|
src="./images/skill-icon-5.3d486da1.png"
|
|
alt=""
|
|
/>
|
|
<p>
|
|
<span>{{ skills[4].level_str }}</span>
|
|
<span>LEVEL</span>
|
|
</p>
|
|
<h2>核心技</h2>
|
|
<h3>核心技</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>
|