基本完成雏形
This commit is contained in:
parent
2dd9947e11
commit
5f3324cfd5
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 3.8 MiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
430
index.html
430
index.html
|
|
@ -16,157 +16,148 @@
|
|||
<div class="formation-A-bigbox">
|
||||
<div class="formation-A-box">
|
||||
<ul class="formation-assist">
|
||||
<li class="assist assist-1 team-leader">
|
||||
<a class="monster" target="_blank" title="5139" href="http://pad.skyozora.com/pets/5139">
|
||||
<li class="member member-1">
|
||||
<a class="monster" target="_blank" onclick="editMon(0,1,0);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon">1</div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="assist assist-2">
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-2">
|
||||
<a class="monster" target="_blank" onclick="editMon(0,1,1);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+0<br>+99<br>+0</div>
|
||||
<div class="awoken-icon">★</div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="assist assist-3">
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-3">
|
||||
<a class="monster" target="_blank" onclick="editMon(0,1,2);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="assist assist-4">
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-4">
|
||||
<a class="monster" target="_blank" onclick="editMon(0,1,3);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="assist assist-5">
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-5">
|
||||
<a class="monster" target="_blank" onclick="editMon(0,1,4);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="formation-awoken">
|
||||
<li class="acquisitus-awoken-icon a-awoken-icon-1">
|
||||
<ul class="a-awoken-icon-ul">
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<ul class="formation-latents">
|
||||
<li class="latents latents-1">
|
||||
<ul class="latent-ul">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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="acquisitus-awoken-icon a-awoken-icon-2">
|
||||
<ul class="a-awoken-icon-ul">
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul></li>
|
||||
<li class="acquisitus-awoken-icon a-awoken-icon-3"></li>
|
||||
<li class="acquisitus-awoken-icon a-awoken-icon-4"></li>
|
||||
<li class="acquisitus-awoken-icon a-awoken-icon-5"></li>
|
||||
</ul>
|
||||
<ul class="formation-team">
|
||||
<li class="team team-1 team-leader">
|
||||
<ul class="latent-ul">
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-1">
|
||||
<a class="monster" target="_blank" onclick="editMon(0,0,0);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition has297"><div class="hp">99</div><div class="atk">99</div><div class="rcv">99</div><div class="_297">297</div></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">99</div>
|
||||
<div class="level"></div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="team team-2">
|
||||
<ul class="acquisitus-awoken-ul">
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-2">
|
||||
<a class="monster" target="_blank" onclick="editMon(0,0,1);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="team team-3">
|
||||
<ul class="acquisitus-awoken-ul">
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-3">
|
||||
<a class="monster" target="_blank" onclick="editMon(0,0,2);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="team team-4">
|
||||
<ul class="acquisitus-awoken-ul">
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-4">
|
||||
<a class="monster" target="_blank" onclick="editMon(0,0,3);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="team team-5">
|
||||
<ul class="acquisitus-awoken-ul">
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-5">
|
||||
<a class="monster" target="_blank" onclick="editMon(0,0,4);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -175,120 +166,151 @@
|
|||
<div class="formation-B-bigbox">
|
||||
<div class="formation-B-box">
|
||||
<ul class="formation-team">
|
||||
<li class="team team-1">
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-1">
|
||||
<a class="monster" target="_blank" onclick="editMon(1,0,0);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="team team-2">
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-2">
|
||||
<a class="monster" target="_blank" onclick="editMon(1,0,1);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="team team-3">
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-3">
|
||||
<a class="monster" target="_blank" onclick="editMon(1,0,2);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="team team-4">
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-4">
|
||||
<a class="monster" target="_blank" onclick="editMon(1,0,3);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="team team-5 team-leader">
|
||||
<a class="monster" target="_blank">
|
||||
<li class="member member-5">
|
||||
<a class="monster" target="_blank" onclick="editMon(1,0,4);return false;">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</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>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="formation-awoken">
|
||||
<li class="acquisitus-awoken-icon a-awoken-icon-1">
|
||||
<ul class="a-awoken-icon-ul">
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<ul class="formation-latents">
|
||||
<li class="latents latents-1">
|
||||
<ul class="latent-ul">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
<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="acquisitus-awoken-icon a-awoken-icon-2">
|
||||
<ul class="a-awoken-icon-ul">
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
</ul></li>
|
||||
<li class="acquisitus-awoken-icon a-awoken-icon-3"></li>
|
||||
<li class="acquisitus-awoken-icon a-awoken-icon-4"></li>
|
||||
<li class="acquisitus-awoken-icon a-awoken-icon-5"></li>
|
||||
</ul>
|
||||
<ul class="formation-assist">
|
||||
<li class="assist assist-1">
|
||||
<a class="monster" target="_blank" title="5139" href="http://pad.skyozora.com/pets/5139">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon">1</div>
|
||||
<div class="level">Lv99</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="assist assist-2">
|
||||
<a class="monster" target="_blank">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+0<br>+99<br>+0</div>
|
||||
<div class="awoken-icon">★</div>
|
||||
<div class="level">Lv99</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="assist assist-3">
|
||||
<a class="monster" target="_blank">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="assist assist-4">
|
||||
<a class="monster" target="_blank">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="assist assist-5 team-leader">
|
||||
<a class="monster" target="_blank">
|
||||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="addition">+297</div>
|
||||
<div class="awoken-icon"></div>
|
||||
<div class="level">Lv99</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<li class="member member-1">
|
||||
<a class="monster" target="_blank" onclick="editMon(1,1,0);return false;">
|
||||
<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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="member member-2">
|
||||
<a class="monster" target="_blank" onclick="editMon(1,1,1);return false;">
|
||||
<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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="member member-3">
|
||||
<a class="monster" target="_blank" onclick="editMon(1,1,2);return false;">
|
||||
<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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="member member-4">
|
||||
<a class="monster" target="_blank" onclick="editMon(1,1,3);return false;">
|
||||
<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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="member member-5">
|
||||
<a class="monster" target="_blank" onclick="editMon(1,1,4);return false;">
|
||||
<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>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -333,13 +355,13 @@
|
|||
<input type="number" class="m-level" min=1 max=110 placeholder="怪物等级"/>
|
||||
<button class="m-level-btn-max" value="99">99</button>
|
||||
</div>
|
||||
<div class="setting-row row-mon-addition">
|
||||
<div class="setting-row row-mon-plus">
|
||||
<!--怪物加值-->
|
||||
<button class="m-add-btn-297">297</button>
|
||||
<button class="m-plus-btn-297">297</button>
|
||||
<ul>
|
||||
<li class="m-add-hp-li"><input type="number" class="m-add-hp" min=0 max=99 /><button class="m-add-hp-btn-99" value="99">99</button></li>
|
||||
<li class="m-add-atk-li"><input type="number" class="m-add-atk" min=0 max=99 /><button class="m-add-atk-btn-99" value="99">99</button></li>
|
||||
<li class="m-add-rcv-li"><input type="number" class="m-add-rcv" min=0 max=99 /><button class="m-add-rcv-btn-99" value="99">99</button></li>
|
||||
<li class="m-plus-hp-li"><input type="number" class="m-plus-hp" min=0 max=99 /><button class="m-plus-hp-btn-99" value="99">99</button></li>
|
||||
<li class="m-plus-atk-li"><input type="number" class="m-plus-atk" min=0 max=99 /><button class="m-plus-atk-btn-99" value="99">99</button></li>
|
||||
<li class="m-plus-rcv-li"><input type="number" class="m-plus-rcv" min=0 max=99 /><button class="m-plus-rcv-btn-99" value="99">99</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="setting-row row-mon-latent">
|
||||
|
|
@ -371,10 +393,10 @@
|
|||
|
||||
</div>
|
||||
<div class="button-box">
|
||||
<button class="button-null">留空格子</button>
|
||||
<button class="button-delay">应对威吓</button>
|
||||
<button class="button-cancel">取消修改</button>
|
||||
<button class="button-null"><!--留空格子--></button>
|
||||
<button class="button-delay"><!--应对威吓--></button>
|
||||
<button class="button-done"><!--确认修改--></button>
|
||||
<button class="button-cancel"><!--取消修改--></button>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -18,49 +18,63 @@ fs.readFile('./ja.json',function(err,data){
|
|||
var en = JSON.parse(en_json);//将字符串转换为json对象
|
||||
var msen = en.card;
|
||||
|
||||
var mArr = [];
|
||||
for (var mi=0;mi<msja.length;mi++)
|
||||
{
|
||||
var m = msja[mi],m2 = msen[mi];
|
||||
if (m[0] != mi) //id超了，都是些怪物了
|
||||
{
|
||||
break;
|
||||
}else
|
||||
{
|
||||
if (m2[0] != m[0]) //英文的会提前没有内容
|
||||
{
|
||||
m2 = null;
|
||||
}
|
||||
//类型'
|
||||
var type = [m[5]];
|
||||
if (m[6]!=-1) //第二个type
|
||||
type.push(m[6]);
|
||||
if (m[m.length-9]!=-1) //第三个type要倒着来
|
||||
type.push(m[m.length-9]);
|
||||
|
||||
var awokenCIdx = 58+m[57]*3; //awoken Count Index
|
||||
var awoken = m.slice(awokenCIdx+1,awokenCIdx+1+m[awokenCIdx]);
|
||||
|
||||
var mon = {
|
||||
id: m[0],
|
||||
name: m[1],
|
||||
ename: (m2?m2[1]:""), //英文存在则储存英文名
|
||||
ppt: [m[2],m[3]], //属性property
|
||||
type: type,
|
||||
rare: m[7],
|
||||
awoken: awoken,
|
||||
maxLevel: m[m.length-3]>0?110:m[10],
|
||||
assist: m[m.length-5]>2?1:0,
|
||||
}
|
||||
mArr.push(mon);
|
||||
}
|
||||
}
|
||||
var str = JSON.stringify(mArr);
|
||||
fs.writeFile('./mon.json',str,function(err){
|
||||
console.log('正在读取韩文怪物信息');
|
||||
fs.readFile('./ko.json',function(err,data){
|
||||
if(err){
|
||||
console.error(err);
|
||||
return console.error(err);
|
||||
}
|
||||
console.log('----------导出成功-------------');
|
||||
var ko_json = data.toString();//将二进制的数据转换为字符串
|
||||
var ko = JSON.parse(ko_json);//将字符串转换为json对象
|
||||
var msko = ko.card;
|
||||
|
||||
var mArr = [];
|
||||
for (var mi=0;mi<msja.length;mi++)
|
||||
{
|
||||
var m = msja[mi],m2 = msen[mi],m3 = msko[mi];
|
||||
if (m[0] != mi) //id超了，都是些怪物了
|
||||
{
|
||||
break;
|
||||
}else
|
||||
{
|
||||
if (m2[0] != m[0]){m2 = null;} //ID不一致时则没有内容
|
||||
if (m3[0] != m[0]){m3 = null;} //ID不一致时则没有内容
|
||||
|
||||
//名字
|
||||
var nameObj = {
|
||||
ja:m[1],
|
||||
en:((m2 && !/^\*+/.test(m2[1]))?m2[1]:""), //没有数据，或者名字是星号都为空
|
||||
ko:((m3 && !/^\*+/.test(m3[1]))?m3[1]:""),
|
||||
}
|
||||
//类型
|
||||
var type = [m[5]];
|
||||
if (m[6]!=-1) //第二个type
|
||||
type.push(m[6]);
|
||||
if (m[m.length-9]!=-1) //第三个type要倒着来
|
||||
type.push(m[m.length-9]);
|
||||
|
||||
var awokenCIdx = 58+m[57]*3; //awoken Count Index
|
||||
var awoken = m.slice(awokenCIdx+1,awokenCIdx+1+m[awokenCIdx]);
|
||||
|
||||
var mon = {
|
||||
id: m[0],
|
||||
name: nameObj,
|
||||
ppt: [m[2],m[3]], //属性property
|
||||
type: type,
|
||||
rare: m[7],
|
||||
awoken: awoken,
|
||||
maxLevel: m[m.length-3]>0?110:m[10],
|
||||
assist: m[m.length-5]>2?1:0,
|
||||
}
|
||||
mArr.push(mon);
|
||||
}
|
||||
}
|
||||
var str = JSON.stringify(mArr);
|
||||
fs.writeFile('./mon.json',str,function(err){
|
||||
if(err){
|
||||
console.error(err);
|
||||
}
|
||||
console.log('----------导出成功-------------');
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
247
script.js
247
script.js
|
|
@ -1,4 +1,37 @@
|
|||
var ms = null;
|
||||
var memberTeamObj = function(){
|
||||
return {id:0,level:0,awoken:0,plus:[0,0,0],latent:[]};
|
||||
}
|
||||
var memberAssistObj = function(){
|
||||
return {id:0,level:0,awoken:0,plus:[0,0,0]};
|
||||
}
|
||||
var teamObj = function(){
|
||||
return [
|
||||
[
|
||||
new memberTeamObj(),
|
||||
new memberTeamObj(),
|
||||
new memberTeamObj(),
|
||||
new memberTeamObj(),
|
||||
new memberTeamObj(),
|
||||
new memberTeamObj(),
|
||||
],
|
||||
[
|
||||
new memberAssistObj(),
|
||||
new memberAssistObj(),
|
||||
new memberAssistObj(),
|
||||
new memberAssistObj(),
|
||||
new memberAssistObj(),
|
||||
new memberAssistObj(),
|
||||
],
|
||||
];
|
||||
}
|
||||
var formation = {
|
||||
title:"",
|
||||
team:[
|
||||
new teamObj(),//队伍A
|
||||
new teamObj(),//队伍B
|
||||
]
|
||||
};
|
||||
window.onload = function()
|
||||
{
|
||||
GM_xmlhttpRequest({
|
||||
|
|
@ -21,18 +54,28 @@ function initialize()
|
|||
ms.forEach(function(m){
|
||||
var opt = monstersList.appendChild(document.createElement("option"));
|
||||
opt.value = m.id;
|
||||
opt.label = m.id + " | " + m.name + " | " + m.ename;
|
||||
opt.label = m.id + " | " + m.name["ja"] + " | " + m.name["en"] + " | " + m.name["ko"];
|
||||
});
|
||||
|
||||
//队伍框
|
||||
var formationBox = document.querySelector(".formation-box");
|
||||
formationBox.formationBox = formation;
|
||||
|
||||
//编辑框
|
||||
var editBox = document.querySelector(".edit-box");
|
||||
editBox.latent = []; //储存潜在觉醒
|
||||
editBox.assist = false; //储存是否为辅助宠物
|
||||
editBox.monsterBox = null;
|
||||
editBox.latentBox = null;
|
||||
editBox.member = null;
|
||||
|
||||
var settingBox = editBox.querySelector(".setting-box")
|
||||
//id搜索
|
||||
var monstersSearch = editBox.querySelector(".edit-box .m-id");
|
||||
monstersSearch.onchange = function(){
|
||||
if (/^\d+$/.test(this.value))
|
||||
{
|
||||
editChangeMonId(parseInt(this.value));
|
||||
editBoxChangeMonId(parseInt(this.value));
|
||||
}
|
||||
}
|
||||
monstersSearch.oninput = monstersSearch.onchange;
|
||||
|
|
@ -66,30 +109,23 @@ function initialize()
|
|||
monEditLv.value = this.value;
|
||||
}
|
||||
//加蛋
|
||||
var monEditAddHp = settingBox.querySelector(".m-add-hp");
|
||||
var monEditAddAtk = settingBox.querySelector(".m-add-atk");
|
||||
var monEditAddRcv = settingBox.querySelector(".m-add-rcv");
|
||||
var monEditAddHp99 = settingBox.querySelector(".m-add-hp-btn-99");
|
||||
var monEditAddHp = settingBox.querySelector(".m-plus-hp");
|
||||
var monEditAddAtk = settingBox.querySelector(".m-plus-atk");
|
||||
var monEditAddRcv = settingBox.querySelector(".m-plus-rcv");
|
||||
var monEditAddHp99 = settingBox.querySelector(".m-plus-hp-btn-99");
|
||||
monEditAddHp99.onclick = function(){monEditAddHp.value = this.value}
|
||||
var monEditAddAtk99 = settingBox.querySelector(".m-add-atk-btn-99");
|
||||
var monEditAddAtk99 = settingBox.querySelector(".m-plus-atk-btn-99");
|
||||
monEditAddAtk99.onclick = function(){monEditAddAtk.value = this.value}
|
||||
var monEditAddRcv99 = settingBox.querySelector(".m-add-rcv-btn-99");
|
||||
var monEditAddRcv99 = settingBox.querySelector(".m-plus-rcv-btn-99");
|
||||
monEditAddRcv99.onclick = function(){monEditAddRcv.value = this.value}
|
||||
var monEditAdd297 = settingBox.querySelector(".m-add-btn-297");
|
||||
var monEditAdd297 = settingBox.querySelector(".m-plus-btn-297");
|
||||
monEditAdd297.onclick = function(){monEditAddHp.value = monEditAddAtk.value = monEditAddRcv.value = 99}
|
||||
//潜觉
|
||||
var monEditLatentUl = settingBox.querySelector(".m-latent-ul");
|
||||
var latent = editBox.latent = [];
|
||||
var monEditLatents = Array.prototype.slice.call(monEditLatentUl.querySelectorAll("li"));
|
||||
var monEditLatentAllowableUl = settingBox.querySelector(".m-latent-allowable-ul");
|
||||
var monEditLatentsAllowable = Array.prototype.slice.call(monEditLatentAllowableUl.querySelectorAll("li"));
|
||||
function usedHole(latent) //计算用了多少潜觉格子
|
||||
{
|
||||
return latent.reduce(function(previous,current){
|
||||
return previous + (current>= 12?2:1);
|
||||
},0);
|
||||
}
|
||||
function refreshLatent() //刷新潜觉
|
||||
function refreshLatent(latent) //刷新潜觉
|
||||
{
|
||||
if (this.value<0) return;
|
||||
var usedHoleN = usedHole(latent);
|
||||
|
|
@ -117,8 +153,8 @@ function initialize()
|
|||
monEditLatents.forEach(function(l){
|
||||
l.onclick = function(){
|
||||
var aIdx = parseInt(this.value);
|
||||
latent.splice(aIdx,1);
|
||||
refreshLatent();
|
||||
editBox.latent.splice(aIdx,1);
|
||||
refreshLatent(editBox.latent);
|
||||
}
|
||||
})
|
||||
//可选觉醒的添加
|
||||
|
|
@ -126,16 +162,50 @@ function initialize()
|
|||
la.onclick = function(){
|
||||
if (this.classList.contains("unselected-latent")) return;
|
||||
var lIdx = parseInt(this.value);
|
||||
var usedHoleN = usedHole(latent);
|
||||
var usedHoleN = usedHole(editBox.latent);
|
||||
if (lIdx >= 12 && usedHoleN<=4)
|
||||
latent.push(lIdx);
|
||||
editBox.latent.push(lIdx);
|
||||
else if (lIdx < 12 && usedHoleN<=5)
|
||||
latent.push(lIdx);
|
||||
refreshLatent();
|
||||
editBox.latent.push(lIdx);
|
||||
refreshLatent(editBox.latent);
|
||||
}
|
||||
})
|
||||
|
||||
var btnCancel = editBox.querySelector(".button-cancel");
|
||||
var btnDone = editBox.querySelector(".button-done");
|
||||
btnCancel.onclick = function(){
|
||||
btnDone.classList.remove("cant-assist");
|
||||
btnDone.disabled = false;
|
||||
editBox.member = null;
|
||||
editBox.classList.add("display-none");
|
||||
}
|
||||
btnDone.onclick = function(){
|
||||
var mD = editBox.member;
|
||||
mD.id = parseInt(monstersSearch.value);
|
||||
mD.level = parseInt(monEditLv.value);
|
||||
mD.awoken = monEditAwokens.filter(function(akDom){
|
||||
return !akDom.classList.contains("unselected-awoken") && !akDom.classList.contains("display-none")
|
||||
}).length - 1;
|
||||
mD.plus[0] = parseInt(monEditAddHp.value);
|
||||
mD.plus[1] = parseInt(monEditAddAtk.value);
|
||||
mD.plus[2] = parseInt(monEditAddRcv.value);
|
||||
if (!editBox.assist)
|
||||
{
|
||||
mD.latent = editBox.latent.concat();
|
||||
}
|
||||
|
||||
changeid(mD,editBox.monsterBox,editBox.latentBox);
|
||||
editBox.classList.add("display-none");
|
||||
}
|
||||
}
|
||||
function changeid(mon,monDom,awokenDom)
|
||||
function usedHole(latent) //计算用了多少潜觉格子
|
||||
{
|
||||
return latent.reduce(function(previous,current){
|
||||
return previous + (current>= 12?2:1);
|
||||
},0);
|
||||
}
|
||||
|
||||
function changeid(mon,monDom,latentDom)
|
||||
{
|
||||
var md = ms[mon.id]; //怪物固定数据
|
||||
if (mon.id>-1) //如果提供了id
|
||||
|
|
@ -147,19 +217,18 @@ function changeid(mon,monDom,awokenDom)
|
|||
monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号
|
||||
monDom.querySelector(".property").className = "property property-" + md.ppt[0]; //主属性
|
||||
monDom.querySelector(".subproperty").className = "subproperty subproperty-" + md.ppt[1]; //副属性
|
||||
monDom.title = "No." + mon.id + " " + md.name;
|
||||
monDom.title = "No." + mon.id + " " + md.name["ja"];
|
||||
monDom.href = "http://pad.skyozora.com/pets/" + mon.id;
|
||||
}
|
||||
if (mon.level>0) //如果提供了等级
|
||||
{
|
||||
var levelDom = monDom.querySelector(".level");
|
||||
levelDom.innerHTML = mon.level;
|
||||
if (mon.level == 99 || (mon.level >= md.maxLevel && md.maxLevel <=99))
|
||||
{
|
||||
//levelDom.innerHTML = "Max";
|
||||
levelDom.classList.add("max");
|
||||
}else
|
||||
{
|
||||
levelDom.innerHTML = mon.level;
|
||||
levelDom.classList.remove("max");
|
||||
}
|
||||
if (md.maxLevel>99 && mon.level>=99)
|
||||
|
|
@ -189,27 +258,87 @@ function changeid(mon,monDom,awokenDom)
|
|||
}
|
||||
}
|
||||
}
|
||||
if (mon.addition) //如果提供了加值
|
||||
if (mon.plus) //如果提供了加值
|
||||
{
|
||||
monDom.querySelector(".addition .hp").innerHTML = mon.addition[0];
|
||||
monDom.querySelector(".addition .atk").innerHTML = mon.addition[1];
|
||||
monDom.querySelector(".addition .rcv").innerHTML = mon.addition[2];
|
||||
if (mon.addition[0]+mon.addition[1]+mon.addition[2] >= 297)
|
||||
monDom.querySelector(".plus .hp").innerHTML = mon.plus[0];
|
||||
monDom.querySelector(".plus .atk").innerHTML = mon.plus[1];
|
||||
monDom.querySelector(".plus .rcv").innerHTML = mon.plus[2];
|
||||
if (mon.plus[0]+mon.plus[1]+mon.plus[2] >= 297)
|
||||
{
|
||||
monDom.querySelector(".addition").classList.add("has297");
|
||||
monDom.querySelector(".plus").classList.add("has297");
|
||||
}else
|
||||
{
|
||||
monDom.querySelector(".addition").classList.remove("has297");
|
||||
monDom.querySelector(".plus").classList.remove("has297");
|
||||
}
|
||||
}
|
||||
if (awokenDom && mon.latent) //如果提供了潜觉
|
||||
if (latentDom && mon.latent) //如果提供了潜觉
|
||||
{
|
||||
|
||||
var latent = mon.latent.sort(function(a,b){return b-a;});
|
||||
var latentDoms = Array.prototype.slice.call(latentDom.querySelectorAll("li"));
|
||||
var usedHoleN = usedHole(latent);
|
||||
for (var ai=0;ai<6;ai++)
|
||||
{
|
||||
if (latent[ai])
|
||||
{
|
||||
latentDoms[ai].className = "latent-icon latent-icon-" + latent[ai];
|
||||
}
|
||||
else if(ai<(6-usedHoleN+latent.length))
|
||||
{
|
||||
latentDoms[ai].className = "latent-icon";
|
||||
}
|
||||
else
|
||||
{
|
||||
latentDoms[ai].className = "display-none";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//点击怪物头像，出现编辑框
|
||||
function editMon(AorB,isAssist,tempIdx)
|
||||
{
|
||||
//数据
|
||||
var mD = formation.team[AorB][isAssist][tempIdx];
|
||||
//对应的Dom
|
||||
var formationBox = AorB?document.querySelector(".formation-box .formation-B-box"):document.querySelector(".formation-box .formation-A-box");
|
||||
var teamBox = isAssist?formationBox.querySelector(".formation-assist"):formationBox.querySelector(".formation-team");
|
||||
var memberBox = teamBox.querySelector(".member-" + (tempIdx+1));
|
||||
|
||||
var editBox = document.querySelector(".edit-box");
|
||||
var monsterBox = memberBox.querySelector(".monster");
|
||||
|
||||
editBox.classList.remove("display-none");
|
||||
editBox.assist = isAssist;
|
||||
editBox.monsterBox = monsterBox;
|
||||
editBox.member = mD;
|
||||
editBox.assist = isAssist;
|
||||
if (!isAssist)
|
||||
{
|
||||
var latentBox = formationBox.querySelector(".formation-latents .latents-"+(tempIdx+1)+" .latent-ul");
|
||||
editBox.latentBox = latentBox;
|
||||
}
|
||||
|
||||
var monstersSearch = editBox.querySelector(".search-box .m-id");
|
||||
monstersSearch.value = mD.id;
|
||||
monstersSearch.onchange();
|
||||
var settingBox = editBox.querySelector(".setting-box");
|
||||
var monEditAwokens = settingBox.querySelectorAll(".m-awoken-ul .awoken-icon");
|
||||
monEditAwokens[mD.awoken].onclick();
|
||||
var monEditLv = settingBox.querySelector(".m-level");
|
||||
monEditLv.value = mD.level;
|
||||
var monEditAddHp = settingBox.querySelector(".m-plus-hp");
|
||||
var monEditAddAtk = settingBox.querySelector(".m-plus-atk");
|
||||
var monEditAddRcv = settingBox.querySelector(".m-plus-rcv");
|
||||
monEditAddHp.value = mD.plus[0];
|
||||
monEditAddAtk.value = mD.plus[1];
|
||||
monEditAddRcv.value = mD.plus[2];
|
||||
if (!isAssist)
|
||||
{
|
||||
editBox.latent = mD.latent.concat();
|
||||
editBox.refreshLatent(editBox.latent);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function editChangeMonId(id)
|
||||
function editBoxChangeMonId(id)
|
||||
{
|
||||
var md = ms[id]; //怪物固定数据
|
||||
if (!md){
|
||||
|
|
@ -225,7 +354,7 @@ function editChangeMonId(id)
|
|||
var mRare = monInfoBox.querySelector(".monster-rare");
|
||||
mRare.className = "monster-rare rare-" + md.rare;
|
||||
var mName = monInfoBox.querySelector(".monster-name");
|
||||
mName.innerHTML = md.name;
|
||||
mName.innerHTML = md.name["ja"];
|
||||
var mType = monInfoBox.querySelectorAll(".monster-type li");
|
||||
for (var ti=0;ti<mType.length;ti++)
|
||||
{
|
||||
|
|
@ -258,7 +387,7 @@ function editChangeMonId(id)
|
|||
var monEditLv = settingBox.querySelector(".m-level");
|
||||
monEditLv.value = md.maxLevel>99?99:md.maxLevel;
|
||||
|
||||
var monLatentAllowUl = editBox.querySelector(".m-latent-allowable-ul");
|
||||
var monLatentAllowUl = settingBox.querySelector(".m-latent-allowable-ul");
|
||||
//该宠Type允许的杀
|
||||
var allowLatent = uniq(md.type.reduce(function (previous, t, index, array) {
|
||||
return previous.concat(type_allowable_latent[t]);
|
||||
|
|
@ -277,8 +406,21 @@ function editChangeMonId(id)
|
|||
}
|
||||
}
|
||||
|
||||
if (editBox.assist)
|
||||
{
|
||||
var btnDone = editBox.querySelector(".button-done");
|
||||
if (!md.assist)
|
||||
{
|
||||
btnDone.classList.add("cant-assist");
|
||||
btnDone.disabled = true;
|
||||
}else
|
||||
{
|
||||
btnDone.classList.remove("cant-assist");
|
||||
btnDone.disabled = false;
|
||||
}
|
||||
}
|
||||
editBox.latent.length = 0;
|
||||
editBox.refreshLatent();
|
||||
editBox.refreshLatent(editBox.latent);
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -286,14 +428,17 @@ function editChangeMonId(id)
|
|||
|
||||
function test()
|
||||
{
|
||||
var m1 = document.querySelector(".formation-A-box .formation-team .team-1 .monster");
|
||||
var a1 = document.querySelector(".formation-A-box .formation-team .team-1 .acquisitus-awoken-ul");
|
||||
changeid({
|
||||
id:5209,
|
||||
level:99,
|
||||
awoken:9,
|
||||
addition:[99,99,99],
|
||||
latent:[],
|
||||
},m1,a1)
|
||||
editChangeMonId(3264);
|
||||
var m1 = document.querySelector(".formation-A-box .formation-team .member-1 .monster");
|
||||
var a1 = document.querySelector(".formation-A-box .formation-latents .latents-1 .latent-ul");
|
||||
|
||||
var m = formation.team[0][0][0];
|
||||
m.id=5209;
|
||||
m.level=36;
|
||||
m.awoken=5;
|
||||
m.plus[0]=98;
|
||||
m.plus[1]=96;
|
||||
m.plus[2]=95;
|
||||
m.latent=[11,11,16,11,11];
|
||||
changeid(m,m1,a1);
|
||||
//editBoxChangeMonId(3264);
|
||||
}
|
||||
|
|
@ -381,7 +381,7 @@
|
|||
background-position: 0px 0px;
|
||||
}
|
||||
.type-name-4::after{
|
||||
content: "龙";
|
||||
content: "龍";
|
||||
}
|
||||
.type-icon-5{/*神*/
|
||||
background-position: 0px -32px;
|
||||
|
|
@ -393,7 +393,7 @@
|
|||
background-position: 0px -64px;
|
||||
}
|
||||
.type-name-7::after{
|
||||
content: "恶魔";
|
||||
content: "惡魔";
|
||||
}
|
||||
.type-icon-8{/*机械*/
|
||||
background-position: 0px -96px;
|
||||
|
|
@ -411,7 +411,7 @@
|
|||
background-position: 0px -160px;
|
||||
}
|
||||
.type-name-6::after{
|
||||
content: "攻击";
|
||||
content: "攻撃";
|
||||
}
|
||||
.type-icon-2{/*体力*/
|
||||
background-position: 0px -192px;
|
||||
|
|
@ -423,31 +423,31 @@
|
|||
background-position: 0px -224px;
|
||||
}
|
||||
.type-name-3::after{
|
||||
content: "回复";
|
||||
content: "回復";
|
||||
}
|
||||
.type-icon-0{/*进化用*/
|
||||
background-position: 0px -256px;
|
||||
}
|
||||
.type-name-0::after{
|
||||
content: "进化用";
|
||||
content: "進化用";
|
||||
}
|
||||
.type-icon-12{/*能力觉醒用*/
|
||||
background-position: 0px -288px;
|
||||
}
|
||||
.type-name-12::after{
|
||||
content: "能力觉醒用";
|
||||
content: "能力覺醒用";
|
||||
}
|
||||
.type-icon-14{/*强化合成用*/
|
||||
background-position: 0px -320px;
|
||||
}
|
||||
.type-name-14::after{
|
||||
content: "强化合成用";
|
||||
content: "強化合成用";
|
||||
}
|
||||
.type-icon-15{/*贩卖用*/
|
||||
background-position: 0px -352px;
|
||||
}
|
||||
.type-name-15::after{/*龙*/
|
||||
content: "贩卖用";
|
||||
.type-name-15::after{
|
||||
content: "販賣用";
|
||||
}
|
||||
/*潜在觉醒*/
|
||||
.latent-icon{
|
||||
|
|
|
|||
143
style.css
143
style.css
|
|
@ -1,4 +1,15 @@
|
|||
@charset "utf-8";
|
||||
@font-face {
|
||||
font-family: 'FOT-KurokaneStd-EB';
|
||||
font-style: normal;
|
||||
/*font-weight: 400;*/
|
||||
src: url(fonts/sfont.woff2) format('woff2'),
|
||||
url(fonts/sfont?#iefix) format('embedded-opentype'),
|
||||
url(fonts/sfont.woff2) format('woff2'),
|
||||
url(fonts/sfont.woff) format('woff'),
|
||||
url(fonts/sfont.ttf) format('truetype'),
|
||||
url(fonts/sfont.svg#mywebfontregular) format('svg');
|
||||
}
|
||||
.display-none{
|
||||
display:none;
|
||||
}
|
||||
|
|
@ -16,7 +27,7 @@ ul{
|
|||
/*队伍的整个盒子*/
|
||||
.formation-box{
|
||||
width: 648px;
|
||||
background: rgb(119, 167, 255);
|
||||
min-width: 648px;
|
||||
}
|
||||
/*辅助行*/
|
||||
.formation-assist{
|
||||
|
|
@ -26,6 +37,7 @@ ul{
|
|||
}
|
||||
/*单个怪物*/
|
||||
.monster{
|
||||
font-family: 'FOT-KurokaneStd-EB';
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 0;
|
||||
|
|
@ -34,6 +46,7 @@ ul{
|
|||
background-image: url(images/001.png);
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
/*怪物属性*/
|
||||
.property,.subproperty{
|
||||
|
|
@ -46,30 +59,29 @@ ul{
|
|||
background-position: 100px 100px; /*默认都不显示*/
|
||||
}
|
||||
/*怪物-加值*/
|
||||
.monster .addition{
|
||||
.monster .plus{
|
||||
color: yellow;
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
text-shadow: black 0 0 1px, black 2px 2px 0;
|
||||
position: absolute;
|
||||
left:0;
|
||||
}
|
||||
.monster .addition .hp::before,
|
||||
.monster .addition .atk::before,
|
||||
.monster .addition .rcv::before,
|
||||
.monster .addition ._297::before{
|
||||
.monster .plus .hp::before,
|
||||
.monster .plus .atk::before,
|
||||
.monster .plus .rcv::before,
|
||||
.monster .plus ._297::before{
|
||||
content: "+";
|
||||
}
|
||||
.monster .addition ._297{ /*297默认不显示*/
|
||||
.monster .plus ._297{ /*297默认不显示*/
|
||||
display:none;
|
||||
}
|
||||
.monster .addition.has297 .hp,
|
||||
.monster .addition.has297 .atk,
|
||||
.monster .addition.has297 .rcv{ /*当是297时隐藏3维*/
|
||||
.monster .plus.has297 .hp,
|
||||
.monster .plus.has297 .atk,
|
||||
.monster .plus.has297 .rcv{ /*当是297时隐藏3维*/
|
||||
display:none;
|
||||
}
|
||||
.monster .addition.has297 ._297{ /*当是297时显示297*/
|
||||
.monster .plus.has297 ._297{ /*当是297时显示297*/
|
||||
display:block;
|
||||
}
|
||||
/*怪物-觉醒*/
|
||||
|
|
@ -77,7 +89,6 @@ ul{
|
|||
color: yellow;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
font-weight: bold;
|
||||
text-shadow: black 0 0 4px;
|
||||
text-align: center;
|
||||
background-image: url(images/awoken-bg.png);
|
||||
|
|
@ -96,11 +107,13 @@ ul{
|
|||
.monster .level{
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
line-height: 27px;
|
||||
height: 27px;
|
||||
text-shadow: black 2px 2px 0;
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
bottom: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
.monster .level._110{
|
||||
color: lightskyblue;
|
||||
|
|
@ -116,7 +129,7 @@ ul{
|
|||
content: "Lv.最大";
|
||||
}
|
||||
/*辅助和队伍的每一只框架*/
|
||||
.assist, .team, .acquisitus-awoken-icon {
|
||||
.member, .acquisitus-awoken-icon {
|
||||
display: block;
|
||||
float: left;
|
||||
position: relative;
|
||||
|
|
@ -125,11 +138,6 @@ ul{
|
|||
.formation-box .monster{
|
||||
margin: 4px; /*留给队长边框的*/
|
||||
}
|
||||
/*
|
||||
.assist:first-of-type, .team:first-of-type {
|
||||
margin-left: 0px;
|
||||
}
|
||||
*/
|
||||
/*队伍的背景色*/
|
||||
.formation-assist, .formation-team{
|
||||
display: inline-block;
|
||||
|
|
@ -174,22 +182,35 @@ ul{
|
|||
vertical-align:bottom;
|
||||
}
|
||||
|
||||
.formation-A-box .assist::after, .formation-B-box .assist::before{
|
||||
.formation-A-box .formation-assist .member::after, .formation-B-box .formation-assist .member::before{
|
||||
width: 108px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
.formation-A-box .assist::after{
|
||||
.formation-A-box .formation-assist .member::after{
|
||||
color:red;
|
||||
content: "▼辅助";
|
||||
}
|
||||
.formation-B-box .assist::before{
|
||||
.formation-B-box .formation-assist .member::before{
|
||||
color:blue;
|
||||
content: "▲辅助";
|
||||
}
|
||||
|
||||
/*队伍的潜觉*/
|
||||
.formation-box .latents{
|
||||
width: 108px;
|
||||
height: 46px;
|
||||
float: left;
|
||||
}
|
||||
.formation-box .latent-ul{
|
||||
font-size: 0;
|
||||
width: 152px;
|
||||
transform: translate(-22px,-10px) scale(0.71);
|
||||
}
|
||||
|
||||
.a-awoken-icon-1 li{
|
||||
background-image: url(images/sha.png);
|
||||
background-size: 50px 21px;
|
||||
|
|
@ -233,6 +254,7 @@ ul{
|
|||
width:100%;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
min-width:664px;
|
||||
width:664px; /*测试时手机上的最大宽度*/
|
||||
}
|
||||
.edit-box-title{
|
||||
|
|
@ -261,8 +283,16 @@ ul{
|
|||
font-size: 25px;
|
||||
}
|
||||
.edit-box .monsterinfo-box{
|
||||
font-family: 'FOT-KurokaneStd-EB';
|
||||
color: white;
|
||||
text-shadow: black 2px 2px 0;
|
||||
height: 100px;
|
||||
margin: 5px 0;
|
||||
background-image: linear-gradient(#798421,#394914);
|
||||
border-top: #B1BB39 solid 4px;
|
||||
border-bottom: #72941D ridge 7px;
|
||||
box-shadow: black 0 3px 3px;
|
||||
padding: 5px;
|
||||
}
|
||||
.monsterinfo-box .monster{
|
||||
margin-right:5px;
|
||||
|
|
@ -279,7 +309,7 @@ ul{
|
|||
}
|
||||
.monsterinfo-box .monster-rare::before{
|
||||
color:gold;
|
||||
text-shadow: black 0 0 3px;
|
||||
text-shadow: black 0 0 3px,black 0 2px 3px;
|
||||
}
|
||||
.rare-1::before{content: "★";}
|
||||
.rare-2::before{content: "★★";}
|
||||
|
|
@ -296,9 +326,14 @@ ul{
|
|||
margin:0;
|
||||
height: 34px;
|
||||
font-size: 22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.monsterinfo-box .monster-type{
|
||||
font-size: 0;
|
||||
}
|
||||
.monsterinfo-box .monster-type .type-name{
|
||||
display:inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.monsterinfo-box .monster-type .type-icon{
|
||||
margin-right:3px;
|
||||
|
|
@ -306,6 +341,7 @@ ul{
|
|||
.monsterinfo-box .monster-type .type-name::after{
|
||||
vertical-align: middle;
|
||||
font-size: 22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.edit-box .setting-box .row-mon-level::before{
|
||||
|
|
@ -347,34 +383,34 @@ ul{
|
|||
text-shadow: black 0 0 4px;
|
||||
text-align: center;
|
||||
}
|
||||
.edit-box .setting-box .row-mon-addition::before{
|
||||
.edit-box .setting-box .row-mon-plus::before{
|
||||
content: "怪物加值";
|
||||
display: block;
|
||||
}
|
||||
.setting-box .m-add-hp,.setting-box .m-add-atk,.setting-box .m-add-rcv{
|
||||
.setting-box .m-plus-hp,.setting-box .m-plus-atk,.setting-box .m-plus-rcv{
|
||||
font-size: 25px;
|
||||
height: 40px;
|
||||
width: calc(100% - 212px);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.m-add-hp-li::before,.m-add-atk-li::before,.m-add-rcv-li::before{
|
||||
.m-plus-hp-li::before,.m-plus-atk-li::before,.m-plus-rcv-li::before{
|
||||
font-size: 25px;
|
||||
width: 55px;
|
||||
display: inline-block;
|
||||
}
|
||||
.m-add-hp-li::before{content: "HP";}
|
||||
.m-add-atk-li::before{content: "攻击";}
|
||||
.m-add-rcv-li::before{content: "回复";}
|
||||
.m-add-hp-btn-99,.m-add-atk-btn-99,.m-add-rcv-btn-99{
|
||||
.m-plus-hp-li::before{content: "HP";}
|
||||
.m-plus-atk-li::before{content: "攻击";}
|
||||
.m-plus-rcv-li::before{content: "回复";}
|
||||
.m-plus-hp-btn-99,.m-plus-atk-btn-99,.m-plus-rcv-btn-99{
|
||||
height: 40px;
|
||||
width: 70px;
|
||||
box-sizing: border-box;
|
||||
font-size: 25px;
|
||||
}
|
||||
.m-add-hp-btn-99::before,.m-add-atk-btn-99::before,.m-add-rcv-btn-99::before,.m-add-btn-297::before{
|
||||
.m-plus-hp-btn-99::before,.m-plus-atk-btn-99::before,.m-plus-rcv-btn-99::before,.m-plus-btn-297::before{
|
||||
content: "+";
|
||||
}
|
||||
.m-add-btn-297{
|
||||
.m-plus-btn-297{
|
||||
float:right;
|
||||
width: 85px;
|
||||
height: 120px;
|
||||
|
|
@ -420,6 +456,45 @@ ul{
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.edit-box .button-box{
|
||||
border-top: black solid 3px;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
margin-top: 10px;
|
||||
padding: 5px;
|
||||
height: 50px;
|
||||
}
|
||||
.edit-box .button-box .button-null,
|
||||
.edit-box .button-box .button-delay,
|
||||
.edit-box .button-box .button-cancel,
|
||||
.edit-box .button-box .button-done{
|
||||
height: 50px;
|
||||
width: 130px;
|
||||
box-sizing: border-box;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.edit-box .button-box .button-null,
|
||||
.edit-box .button-box .button-delay{
|
||||
float: left;
|
||||
margin-right:5px;
|
||||
}
|
||||
.edit-box .button-box .button-cancel,
|
||||
.edit-box .button-box .button-done{
|
||||
float: right;
|
||||
margin-left:5px;
|
||||
}
|
||||
.edit-box .button-box .button-null::after{
|
||||
content: "留空格子";
|
||||
}
|
||||
.edit-box .button-box .button-delay::after{
|
||||
content: "应对威吓";
|
||||
}
|
||||
.edit-box .button-box .button-cancel::after{
|
||||
content: "取消修改";
|
||||
}
|
||||
.edit-box .button-box .button-done::after{
|
||||
content: "确认修改";
|
||||
}
|
||||
.edit-box .button-box .button-done.cant-assist::after{
|
||||
content: "不能辅助";
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue