Browse Source

大概搞好队伍的大体显示

tags/v8.0
枫谷剑仙 6 years ago
parent
commit
8d617662fd
6 changed files with 1419 additions and 1378 deletions
  1. +6
    -6
      languages/zh-CN.css
  2. +370
    -366
      multi.html
  3. +1
    -1
      script.js
  4. +332
    -330
      solo.html
  5. +50
    -21
      style.css
  6. +660
    -654
      triple.html

+ 6
- 6
languages/zh-CN.css View File

@@ -20,18 +20,18 @@
.monster .id::before{
content: "No.";
}
.team-bigbox:nth-of-type(1)::after,
.team-bigbox:nth-of-type(1)::before
.team-bigbox:nth-of-type(1) .team-box-name::after,
.team-bigbox:nth-of-type(1) .team-box-name::before
{
content: "队伍\A A";
}
.team-bigbox:nth-of-type(2)::after,
.team-bigbox:nth-of-type(2)::before
.team-bigbox:nth-of-type(2) .team-box-name::after,
.team-bigbox:nth-of-type(2) .team-box-name::before
{
content: "队伍\A B";
}
.team-bigbox:nth-of-type(3)::after,
.team-bigbox:nth-of-type(3)::before
.team-bigbox:nth-of-type(3) .team-box-name::after,
.team-bigbox:nth-of-type(3) .team-box-name::before
{
content: "队伍\A C";
}


+ 370
- 366
multi.html View File

@@ -37,374 +37,378 @@ var formation = new Formation(teamsNumber,5);
<div class="formation-box">
<div class="title-box"><input type="text" class="title" placeholder="输入队伍标题" /></div>
<ul class="teams">
<li class="team-bigbox team-1">
<div class="team-box">
<ul class="team-assist">
<li class="member member-1 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
<ul class="team-latents">
<li class="latents latents-1">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-2">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-3">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-4">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-5">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
</ul>
<ul class="team-members">
<li class="member member-1 team-leader null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
<li class="team-bigbox team-1 show-team-name-right">
<div class="team-box-name">
<div class="team-box">
<ul class="team-assist">
<li class="member member-1 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
<ul class="team-latents">
<li class="latents latents-1">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-2">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-3">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-4">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-5">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
</ul>
<ul class="team-members">
<li class="member member-1 team-leader null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="team-bigbox team-2 reverse-member-assist">
<div class="team-box">
<ul class="team-members">
<li class="member member-1 null">
<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 team-leader null">
<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
<ul class="team-latents">
<li class="latents latents-1">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-2">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-3">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-4">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-5">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
</ul>
<ul class="team-assist">
<li class="member member-1 null">
<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 null">
<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
<li class="team-bigbox team-2 show-team-name-left reverse-member-assist">
<div class="team-box-name">
<div class="team-box">
<ul class="team-members">
<li class="member member-1 null">
<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 team-leader null">
<a class="monster" target="_blank" data-team="1" data-assist="0" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
<ul class="team-latents">
<li class="latents latents-1">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-2">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-3">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-4">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-5">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
</ul>
<ul class="team-assist">
<li class="member member-1 null">
<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 null">
<a class="monster" target="_blank" data-team="1" data-assist="1" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>


+ 1
- 1
script.js View File

@@ -480,7 +480,7 @@ function initialize()
});

const className_ChoseBadges = "show-all-badges";
teamBox.forEach(tb=>{
teamBigBox.forEach(tb=>{
//徽章
const teamBadge = tb.querySelector(".team-badge");
if (!teamBadge) return;


+ 332
- 330
solo.html View File

@@ -42,340 +42,342 @@ var formation = new Formation(teamsNumber,6);
<div class="title-box"><input type="text" class="title" placeholder="输入队伍标题" /></div>
<ul class="teams">
<li class="team-bigbox team-1">
<div class="team-box">
<ul class="team-badge">
<input type="radio" name="team-0-badge" class="badge-radio" value="0" id="team-0-badge-0"><label class="badge-bg" for="team-0-badge-0"><div class="badge badge-0"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="1" id="team-0-badge-1"><label class="badge-bg" for="team-0-badge-1"><div class="badge badge-1"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="2" id="team-0-badge-2"><label class="badge-bg" for="team-0-badge-2"><div class="badge badge-2"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="3" id="team-0-badge-3"><label class="badge-bg" for="team-0-badge-3"><div class="badge badge-3"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="4" id="team-0-badge-4"><label class="badge-bg" for="team-0-badge-4"><div class="badge badge-4"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="5" id="team-0-badge-5"><label class="badge-bg" for="team-0-badge-5"><div class="badge badge-5"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="6" id="team-0-badge-6"><label class="badge-bg" for="team-0-badge-6"><div class="badge badge-6"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="7" id="team-0-badge-7"><label class="badge-bg" for="team-0-badge-7"><div class="badge badge-7"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="8" id="team-0-badge-8"><label class="badge-bg" for="team-0-badge-8"><div class="badge badge-8"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="9" id="team-0-badge-9"><label class="badge-bg" for="team-0-badge-9"><div class="badge badge-9"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="10" id="team-0-badge-10"><label class="badge-bg" for="team-0-badge-10"><div class="badge badge-10"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="11" id="team-0-badge-11"><label class="badge-bg" for="team-0-badge-11"><div class="badge badge-11"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="12" id="team-0-badge-12"><label class="badge-bg" for="team-0-badge-12"><div class="badge badge-12"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="13" id="team-0-badge-13"><label class="badge-bg" for="team-0-badge-13"><div class="badge badge-13"></div></label>
<div class="team-info"><div class="tIf-total-hp"></div><div class="tIf-total-rcv"></div></div>
</ul>
<ul class="team-assist">
<li class="member member-1 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-6 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="5">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
<ul class="team-latents">
<li class="latents latents-1">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-2">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-3">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-4">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-5">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-6">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
</ul>
<ul class="team-members">
<li class="member member-1 team-leader null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-6 team-leader null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="5">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
<ul class="team-ability">
<li class="abilitys abilitys-1">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
<li class="abilitys abilitys-2">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
<li class="abilitys abilitys-3">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
<li class="abilitys abilitys-4">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
<li class="abilitys abilitys-5">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
<li class="abilitys abilitys-6">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
<ul class="team-badge">
<input type="radio" name="team-0-badge" class="badge-radio" value="0" id="team-0-badge-0" checked><label class="badge-bg" for="team-0-badge-0"><div class="badge badge-0"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="1" id="team-0-badge-1"><label class="badge-bg" for="team-0-badge-1"><div class="badge badge-1"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="2" id="team-0-badge-2"><label class="badge-bg" for="team-0-badge-2"><div class="badge badge-2"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="3" id="team-0-badge-3"><label class="badge-bg" for="team-0-badge-3"><div class="badge badge-3"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="4" id="team-0-badge-4"><label class="badge-bg" for="team-0-badge-4"><div class="badge badge-4"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="5" id="team-0-badge-5"><label class="badge-bg" for="team-0-badge-5"><div class="badge badge-5"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="6" id="team-0-badge-6"><label class="badge-bg" for="team-0-badge-6"><div class="badge badge-6"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="7" id="team-0-badge-7"><label class="badge-bg" for="team-0-badge-7"><div class="badge badge-7"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="8" id="team-0-badge-8"><label class="badge-bg" for="team-0-badge-8"><div class="badge badge-8"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="9" id="team-0-badge-9"><label class="badge-bg" for="team-0-badge-9"><div class="badge badge-9"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="10" id="team-0-badge-10"><label class="badge-bg" for="team-0-badge-10"><div class="badge badge-10"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="11" id="team-0-badge-11"><label class="badge-bg" for="team-0-badge-11"><div class="badge badge-11"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="12" id="team-0-badge-12"><label class="badge-bg" for="team-0-badge-12"><div class="badge badge-12"></div></label>
<input type="radio" name="team-0-badge" class="badge-radio" value="13" id="team-0-badge-13"><label class="badge-bg" for="team-0-badge-13"><div class="badge badge-13"></div></label>
<div class="team-info"><div class="tIf-total-hp"></div><div class="tIf-total-rcv"></div></div>
</ul>
<div class="team-box-name">
<div class="team-box">
<ul class="team-assist">
<li class="member member-1 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-6 null">
<a class="monster" target="_blank" data-team="0" data-assist="1" data-index="5">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
<ul class="team-latents">
<li class="latents latents-1">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-2">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-3">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-4">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-5">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
<li class="latents latents-6">
<ul class="latent-ul display-none">
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
<li class="latent-icon"></li>
</ul>
</li>
</ul>
<ul class="team-members">
<li class="member member-1 team-leader null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="0">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-2 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="1">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-3 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="2">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-4 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="3">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-5 null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="4">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
<li class="member member-6 team-leader null">
<a class="monster" target="_blank" data-team="0" data-assist="0" data-index="5">
<div class="property"></div>
<div class="subproperty"></div>
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div>
<div class="awoken-count display-none"></div>
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
<div class="level"></div>
<div class="id"></div>
<div class="skill"></div>
</a>
</li>
</ul>
<ul class="team-ability">
<li class="abilitys abilitys-1">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
<li class="abilitys abilitys-2">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
<li class="abilitys abilitys-3">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
<li class="abilitys abilitys-4">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
<li class="abilitys abilitys-5">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
<li class="abilitys abilitys-6">
<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
</li>
</ul>
</div>
</div>
<div class="awoken-box">
<!--怪物觉醒-->
<ul class="awoken-ul">
<li class="awoken-count display-none"><span class="awoken-icon awoken-1"></span><span class="count"></span></li><!--HP+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-2"></span><span class="count"></span></li><!--攻击+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-3"></span><span class="count"></span></li><!--回复+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-4"></span><span class="count"></span></li><!--火盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-5"></span><span class="count"></span></li><!--水盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-6"></span><span class="count"></span></li><!--木盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-7"></span><span class="count"></span></li><!--光盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-8"></span><span class="count"></span></li><!--暗盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-9"></span><span class="count"></span></li><!--自回-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-10"></span><span class="count"></span></li><!--防封-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-11"></span><span class="count"></span></li><!--防暗-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-12"></span><span class="count"></span></li><!--防废-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-13"></span><span class="count"></span></li><!--防毒-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-14"></span><span class="count"></span></li><!--火+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-15"></span><span class="count"></span></li><!--水+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-16"></span><span class="count"></span></li><!--木+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-17"></span><span class="count"></span></li><!--光+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-18"></span><span class="count"></span></li><!--暗+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-19"></span><span class="count"></span></li><!--手指-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-20"></span><span class="count"></span></li><!--心解-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-21"></span><span class="count"></span></li><!--SB-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-22"></span><span class="count"></span></li><!--火横-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-23"></span><span class="count"></span></li><!--水横-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-24"></span><span class="count"></span></li><!--木横-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-25"></span><span class="count"></span></li><!--光横-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-26"></span><span class="count"></span></li><!--暗横-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-27"></span><span class="count"></span></li><!--U-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-28"></span><span class="count"></span></li><!--SX-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-29"></span><span class="count"></span></li><!--心+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-30"></span><span class="count"></span></li><!--协力-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-31"></span><span class="count"></span></li><!--龙杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-32"></span><span class="count"></span></li><!--神杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-33"></span><span class="count"></span></li><!--恶魔杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-34"></span><span class="count"></span></li><!--机杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-35"></span><span class="count"></span></li><!--平衡杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-36"></span><span class="count"></span></li><!--攻击杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-37"></span><span class="count"></span></li><!--体力杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-38"></span><span class="count"></span></li><!--回复杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-39"></span><span class="count"></span></li><!--进化杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-40"></span><span class="count"></span></li><!--觉醒杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-41"></span><span class="count"></span></li><!--强化杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-42"></span><span class="count"></span></li><!--卖钱杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-43"></span><span class="count"></span></li><!--7c-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-44"></span><span class="count"></span></li><!--5色破防-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-45"></span><span class="count"></span></li><!--心追-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-46"></span><span class="count"></span></li><!--全体HP-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-47"></span><span class="count"></span></li><!--全体回复-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-48"></span><span class="count"></span></li><!--破无效-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-49"></span><span class="count"></span></li><!--武器觉醒-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-50"></span><span class="count"></span></li><!--方块心追-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-51"></span><span class="count"></span></li><!--5色溜-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-52"></span><span class="count"></span></li><!--大防封-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-53"></span><span class="count"></span></li><!--大手指-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-54"></span><span class="count"></span></li><!--防云-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-55"></span><span class="count"></span></li><!--防封条-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-56"></span><span class="count"></span></li><!--大SB-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-57"></span><span class="count"></span></li><!--满血强化-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-58"></span><span class="count"></span></li><!--下半血强化-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-59"></span><span class="count"></span></li><!--L盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-60"></span><span class="count"></span></li><!--L解锁-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-61"></span><span class="count"></span></li><!--10c-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-62"></span><span class="count"></span></li><!--c珠-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-63"></span><span class="count"></span></li><!--语音-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-64"></span><span class="count"></span></li><!--奖励增加-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-65"></span><span class="count"></span></li><!--HP--->
<li class="awoken-count display-none"><span class="awoken-icon awoken-66"></span><span class="count"></span></li><!--攻击--->
<li class="awoken-count display-none"><span class="awoken-icon awoken-67"></span><span class="count"></span></li><!--回复--->
<li class="awoken-count display-none"><span class="awoken-icon awoken-68"></span><span class="count"></span></li><!--大防暗-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-69"></span><span class="count"></span></li><!--大防废-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-70"></span><span class="count"></span></li><!--大防毒-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-71"></span><span class="count"></span></li><!--掉废-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-72"></span><span class="count"></span></li><!--掉毒-->
</ul>
</div>
</li>
</ul>
<div class="awoken-total-box">
<!--怪物觉醒-->
<ul class="awoken-ul">
<li class="awoken-count display-none"><span class="awoken-icon awoken-1"></span><span class="count"></span></li><!--HP+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-2"></span><span class="count"></span></li><!--攻击+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-3"></span><span class="count"></span></li><!--回复+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-4"></span><span class="count"></span></li><!--火盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-5"></span><span class="count"></span></li><!--水盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-6"></span><span class="count"></span></li><!--木盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-7"></span><span class="count"></span></li><!--光盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-8"></span><span class="count"></span></li><!--暗盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-9"></span><span class="count"></span></li><!--自回-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-10"></span><span class="count"></span></li><!--防封-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-11"></span><span class="count"></span></li><!--防暗-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-12"></span><span class="count"></span></li><!--防废-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-13"></span><span class="count"></span></li><!--防毒-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-14"></span><span class="count"></span></li><!--火+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-15"></span><span class="count"></span></li><!--水+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-16"></span><span class="count"></span></li><!--木+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-17"></span><span class="count"></span></li><!--光+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-18"></span><span class="count"></span></li><!--暗+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-19"></span><span class="count"></span></li><!--手指-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-20"></span><span class="count"></span></li><!--心解-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-21"></span><span class="count"></span></li><!--SB-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-22"></span><span class="count"></span></li><!--火横-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-23"></span><span class="count"></span></li><!--水横-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-24"></span><span class="count"></span></li><!--木横-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-25"></span><span class="count"></span></li><!--光横-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-26"></span><span class="count"></span></li><!--暗横-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-27"></span><span class="count"></span></li><!--U-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-28"></span><span class="count"></span></li><!--SX-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-29"></span><span class="count"></span></li><!--心+-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-30"></span><span class="count"></span></li><!--协力-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-31"></span><span class="count"></span></li><!--龙杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-32"></span><span class="count"></span></li><!--神杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-33"></span><span class="count"></span></li><!--恶魔杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-34"></span><span class="count"></span></li><!--机杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-35"></span><span class="count"></span></li><!--平衡杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-36"></span><span class="count"></span></li><!--攻击杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-37"></span><span class="count"></span></li><!--体力杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-38"></span><span class="count"></span></li><!--回复杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-39"></span><span class="count"></span></li><!--进化杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-40"></span><span class="count"></span></li><!--觉醒杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-41"></span><span class="count"></span></li><!--强化杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-42"></span><span class="count"></span></li><!--卖钱杀-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-43"></span><span class="count"></span></li><!--7c-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-44"></span><span class="count"></span></li><!--5色破防-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-45"></span><span class="count"></span></li><!--心追-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-46"></span><span class="count"></span></li><!--全体HP-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-47"></span><span class="count"></span></li><!--全体回复-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-48"></span><span class="count"></span></li><!--破无效-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-49"></span><span class="count"></span></li><!--武器觉醒-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-50"></span><span class="count"></span></li><!--方块心追-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-51"></span><span class="count"></span></li><!--5色溜-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-52"></span><span class="count"></span></li><!--大防封-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-53"></span><span class="count"></span></li><!--大手指-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-54"></span><span class="count"></span></li><!--防云-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-55"></span><span class="count"></span></li><!--防封条-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-56"></span><span class="count"></span></li><!--大SB-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-57"></span><span class="count"></span></li><!--满血强化-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-58"></span><span class="count"></span></li><!--下半血强化-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-59"></span><span class="count"></span></li><!--L盾-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-60"></span><span class="count"></span></li><!--L解锁-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-61"></span><span class="count"></span></li><!--10c-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-62"></span><span class="count"></span></li><!--c珠-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-63"></span><span class="count"></span></li><!--语音-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-64"></span><span class="count"></span></li><!--奖励增加-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-65"></span><span class="count"></span></li><!--HP--->
<li class="awoken-count display-none"><span class="awoken-icon awoken-66"></span><span class="count"></span></li><!--攻击--->
<li class="awoken-count display-none"><span class="awoken-icon awoken-67"></span><span class="count"></span></li><!--回复--->
<li class="awoken-count display-none"><span class="awoken-icon awoken-68"></span><span class="count"></span></li><!--大防暗-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-69"></span><span class="count"></span></li><!--大防废-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-70"></span><span class="count"></span></li><!--大防毒-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-71"></span><span class="count"></span></li><!--掉废-->
<li class="awoken-count display-none"><span class="awoken-icon awoken-72"></span><span class="count"></span></li><!--掉毒-->
</ul>
</div>
<div class="detail-box"><textarea class="detail" placeholder="输入说明"></textarea></div>
</div>
<div class="edit-box display-none">


+ 50
- 21
style.css View File

@@ -279,8 +279,7 @@ ul{
}
/*辅助和队伍的每一只框架*/
.member, .acquisitus-awoken-icon{
display: block;
float: left;
display: inline-block;
position: relative;
width: 108px;
}
@@ -307,24 +306,24 @@ ul{
display: inline-block;
}
/*队伍的背景色*/
.team-bigbox:nth-of-type(1) .team-menbers,
.team-bigbox:nth-of-type(1) .team-members,
.team-bigbox:nth-of-type(1) .team-latents,
.team-bigbox:nth-of-type(1)::before,
.team-bigbox:nth-of-type(1)::after
.team-bigbox:nth-of-type(1) .team-box-name::before,
.team-bigbox:nth-of-type(1) .team-box-name::after
{
background-color: var(--team-1-bgcolor);
}
.team-bigbox:nth-of-type(2) .team-menbers,
.team-bigbox:nth-of-type(2) .team-members,
.team-bigbox:nth-of-type(2) .team-latents,
.team-bigbox:nth-of-type(2)::before,
.team-bigbox:nth-of-type(2)::after
.team-bigbox:nth-of-type(2) .team-box-name::before,
.team-bigbox:nth-of-type(2) .team-box-name::after
{
background-color: var(--team-2-bgcolor);
}
.team-bigbox:nth-of-type(3) .team-menbers,
.team-bigbox:nth-of-type(3) .team-members,
.team-bigbox:nth-of-type(3) .team-latents,
.team-bigbox:nth-of-type(3)::before,
.team-bigbox:nth-of-type(3)::after
.team-bigbox:nth-of-type(3) .team-box-name::before,
.team-bigbox:nth-of-type(3) .team-box-name::after
{
background-color: var(--team-3-bgcolor);
}
@@ -337,34 +336,46 @@ ul{
margin-bottom:0;
}
/*队伍A、B的文字*/
.team-bigbox::after, .team-bigbox::before{
.team-box-name::after,
.team-box-name::before
{
font-size: 30px;
font-weight: bold;
text-align: center;
line-height: 50px;
white-space: pre-wrap;
display: inline-block;
display: none;
width: 108px;
height: 108px;
}

.team-bigbox:nth-of-type(1)::after,
.team-bigbox:nth-of-type(1)::before,
.show-team-name-left .team-box-name::before{
display: inline-block;
}
.show-team-name-right .team-box-name::after{
display: inline-block;
}
.reverse-member-assist .team-box-name::after,
.reverse-member-assist .team-box-name::before
{
vertical-align:top;
}
.team-bigbox:nth-of-type(1) .team-box-name::after,
.team-bigbox:nth-of-type(1) .team-box-name::before,
.team-bigbox:nth-of-type(1) .team-assist .member::after,
.team-bigbox:nth-of-type(1) .team-assist .member::before
{
color: var(--team-1-color);
}
.team-bigbox:nth-of-type(2)::after,
.team-bigbox:nth-of-type(2)::before,
.team-bigbox:nth-of-type(2) .team-box-name::after,
.team-bigbox:nth-of-type(2) .team-box-name::before,
.team-bigbox:nth-of-type(2) .team-assist .member::after,
.team-bigbox:nth-of-type(2) .team-assist .member::before
{
color: var(--team-2-color);
/*vertical-align:top;*/
}
.team-bigbox:nth-of-type(3)::after,
.team-bigbox:nth-of-type(3)::before,
.team-bigbox:nth-of-type(3) .team-box-name::after,
.team-bigbox:nth-of-type(3) .team-box-name::before,
.team-bigbox:nth-of-type(3) .team-assist .member::after,
.team-bigbox:nth-of-type(3) .team-assist .member::before
{
@@ -382,9 +393,27 @@ ul{
text-align: center;
font-size: 18px;
font-weight: bold;
display: inline-block;
position: relative;
}
/*平时的显示*/
.team-box .team-assist .member::after
{
display: inline-block;
}
.team-box .team-assist .member::before
{
display: none;
}
/*反向时的显示*/
.reverse-member-assist .team-assist .member::after
{
display: none;
}
.reverse-member-assist .team-assist .member::before
{
display: inline-block;
}


.formation-box .team-info{
font-size: 15px;


+ 660
- 654
triple.html
File diff suppressed because it is too large
View File


Loading…
Cancel
Save