实现怪物觉醒数、等级的css转型
This commit is contained in:
parent
1f99b6eb59
commit
8862404e98
40
multi.html
40
multi.html
|
|
@ -791,31 +791,31 @@ var formation = new Formation(teamsCount,5);
|
|||
<div class="row-mon-awoken">
|
||||
<!--怪物觉醒-->
|
||||
<div class="awoken-ul">
|
||||
<label for="awoken-number-0" class="awoken-count" title="0"></label><input type="radio" name="awoken-number" class="awoken-number" value="0" id="awoken-number-0" />
|
||||
<label for="awoken-number-1" class="awoken-icon" title="1"></label><input type="radio" name="awoken-number" class="awoken-number" value="1" id="awoken-number-1" />
|
||||
<label for="awoken-number-2" class="awoken-icon" title="2"></label><input type="radio" name="awoken-number" class="awoken-number" value="2" id="awoken-number-2" />
|
||||
<label for="awoken-number-3" class="awoken-icon" title="3"></label><input type="radio" name="awoken-number" class="awoken-number" value="3" id="awoken-number-3" />
|
||||
<label for="awoken-number-4" class="awoken-icon" title="4"></label><input type="radio" name="awoken-number" class="awoken-number" value="4" id="awoken-number-4" />
|
||||
<label for="awoken-number-5" class="awoken-icon" title="5"></label><input type="radio" name="awoken-number" class="awoken-number" value="5" id="awoken-number-5" />
|
||||
<label for="awoken-number-6" class="awoken-icon" title="6"></label><input type="radio" name="awoken-number" class="awoken-number" value="6" id="awoken-number-6" />
|
||||
<label for="awoken-number-7" class="awoken-icon" title="7"></label><input type="radio" name="awoken-number" class="awoken-number" value="7" id="awoken-number-7" />
|
||||
<label for="awoken-number-8" class="awoken-icon" title="8"></label><input type="radio" name="awoken-number" class="awoken-number" value="8" id="awoken-number-8" />
|
||||
<label for="awoken-number-9" class="awoken-icon" title="9"></label><input type="radio" name="awoken-number" class="awoken-number" value="9" id="awoken-number-9" />
|
||||
<label for="awoken-number-0" class="awoken-count-num" title="0"></label><input type="radio" name="awoken-number" class="awoken-number" value="0" id="awoken-number-0" /><!--
|
||||
--><label for="awoken-number-1" class="awoken-icon" title="1"></label><input type="radio" name="awoken-number" class="awoken-number" value="1" id="awoken-number-1" /><!--
|
||||
--><label for="awoken-number-2" class="awoken-icon" title="2"></label><input type="radio" name="awoken-number" class="awoken-number" value="2" id="awoken-number-2" /><!--
|
||||
--><label for="awoken-number-3" class="awoken-icon" title="3"></label><input type="radio" name="awoken-number" class="awoken-number" value="3" id="awoken-number-3" /><!--
|
||||
--><label for="awoken-number-4" class="awoken-icon" title="4"></label><input type="radio" name="awoken-number" class="awoken-number" value="4" id="awoken-number-4" /><!--
|
||||
--><label for="awoken-number-5" class="awoken-icon" title="5"></label><input type="radio" name="awoken-number" class="awoken-number" value="5" id="awoken-number-5" /><!--
|
||||
--><label for="awoken-number-6" class="awoken-icon" title="6"></label><input type="radio" name="awoken-number" class="awoken-number" value="6" id="awoken-number-6" /><!--
|
||||
--><label for="awoken-number-7" class="awoken-icon" title="7"></label><input type="radio" name="awoken-number" class="awoken-number" value="7" id="awoken-number-7" /><!--
|
||||
--><label for="awoken-number-8" class="awoken-icon" title="8"></label><input type="radio" name="awoken-number" class="awoken-number" value="8" id="awoken-number-8" /><!--
|
||||
--><label for="awoken-number-9" class="awoken-icon" title="9"></label><input type="radio" name="awoken-number" class="awoken-number" value="9" id="awoken-number-9" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-mon-super-awoken">
|
||||
<!--怪物超觉醒-->
|
||||
<div class="awoken-ul">
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="-1" id="sawoken-choice--1" />
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="0" id="sawoken-choice-0" /><label for="sawoken-choice-0" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="1" id="sawoken-choice-1" /><label for="sawoken-choice-1" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="2" id="sawoken-choice-2" /><label for="sawoken-choice-2" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="3" id="sawoken-choice-3" /><label for="sawoken-choice-3" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="4" id="sawoken-choice-4" /><label for="sawoken-choice-4" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="5" id="sawoken-choice-5" /><label for="sawoken-choice-5" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="6" id="sawoken-choice-6" /><label for="sawoken-choice-6" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="7" id="sawoken-choice-7" /><label for="sawoken-choice-7" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="8" id="sawoken-choice-8" /><label for="sawoken-choice-8" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="-1" id="sawoken-choice--1" /><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="0" id="sawoken-choice-0" /><label for="sawoken-choice-0" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="1" id="sawoken-choice-1" /><label for="sawoken-choice-1" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="2" id="sawoken-choice-2" /><label for="sawoken-choice-2" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="3" id="sawoken-choice-3" /><label for="sawoken-choice-3" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="4" id="sawoken-choice-4" /><label for="sawoken-choice-4" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="5" id="sawoken-choice-5" /><label for="sawoken-choice-5" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="6" id="sawoken-choice-6" /><label for="sawoken-choice-6" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="7" id="sawoken-choice-7" /><label for="sawoken-choice-7" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="8" id="sawoken-choice-8" /><label for="sawoken-choice-8" class="awoken-icon"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -508,7 +508,7 @@ function createCardA()
|
|||
const cid = cdom.appendChild(document.createElement("div"));
|
||||
cid.className = "id";
|
||||
const cawoken = cdom.appendChild(document.createElement("div"));
|
||||
cawoken.className = "awoken-count full-awoken";
|
||||
cawoken.className = "awoken-count-num";
|
||||
return cdom;
|
||||
}
|
||||
//返回文字说明内怪物Card的纯HTML
|
||||
|
|
|
|||
24
script.js
24
script.js
|
|
@ -1719,13 +1719,13 @@ function initialize() {
|
|||
};
|
||||
//觉醒
|
||||
const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken");
|
||||
const awokenCountLabel = monEditAwokensRow.querySelector(".awoken-count");
|
||||
const awokenCountLabel = monEditAwokensRow.querySelector(".awoken-count-num");
|
||||
const monEditAwokens = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul input[name='awoken-number']"));
|
||||
|
||||
function checkAwoken() {
|
||||
const card = Cards[editBox.mid];
|
||||
const value = parseInt(this.value, 10);
|
||||
awokenCountLabel.textContent = value;
|
||||
awokenCountLabel.setAttribute(dataAttrName, value);
|
||||
if (value > 0 && value == (card.awakenings.length))
|
||||
awokenCountLabel.classList.add("full-awoken");
|
||||
else
|
||||
|
|
@ -2281,7 +2281,8 @@ function changeid(mon, monDom, latentDom) {
|
|||
if (levelDom) //如果提供了等级
|
||||
{
|
||||
const level = mon.level || 1;
|
||||
levelDom.textContent = level;
|
||||
levelDom.setAttribute(dataAttrName, level);
|
||||
|
||||
if (level == card.maxLevel) { //如果等级刚好等于最大等级，则修改为“最大”的字
|
||||
levelDom.classList.add("max");
|
||||
} else {
|
||||
|
|
@ -2293,21 +2294,19 @@ function changeid(mon, monDom, latentDom) {
|
|||
levelDom.classList.remove("_110");
|
||||
}
|
||||
}
|
||||
const awokenIcon = monDom.querySelector(".awoken-count");
|
||||
const awokenIcon = monDom.querySelector(".awoken-count-num");
|
||||
if (awokenIcon) {
|
||||
if (card.awakenings.length < 1 || mon.awoken == 0) //没觉醒
|
||||
awokenIcon.setAttribute(dataAttrName, mon.awoken || 0);
|
||||
if (mon.awoken != null) //如果提供了觉醒
|
||||
{
|
||||
awokenIcon.classList.add(className_displayNone);
|
||||
awokenIcon.textContent = "";
|
||||
} else if (mon.awoken > 0) //如果提供了觉醒
|
||||
{
|
||||
awokenIcon.classList.remove(className_displayNone);
|
||||
awokenIcon.textContent = mon.awoken;
|
||||
if (mon.awoken == card.awakenings.length) {
|
||||
awokenIcon.classList.add("full-awoken");
|
||||
} else {
|
||||
awokenIcon.classList.remove("full-awoken");
|
||||
}
|
||||
}else
|
||||
{
|
||||
awokenIcon.classList.add("full-awoken");
|
||||
}
|
||||
}
|
||||
const sawoken = monDom.querySelector(".super-awoken");
|
||||
|
|
@ -2640,11 +2639,14 @@ function editBoxChangeMonId(id) {
|
|||
const monEditLv = settingBox.querySelector(".m-level");
|
||||
monEditLv.max = monEditLv.value = card.maxLevel + (card.limitBreakIncr ? 11 : 0); //默认等级为110
|
||||
const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
|
||||
|
||||
monEditLv110.setAttribute("data-limit-break-incr",card.limitBreakIncr);
|
||||
if (card.limitBreakIncr) {
|
||||
monEditLv110.classList.remove(className_displayNone);
|
||||
} else {
|
||||
monEditLv110.classList.add(className_displayNone);
|
||||
}
|
||||
|
||||
const mCost = settingBox.querySelector(".monster-cost");
|
||||
mCost.textContent = card.cost;
|
||||
|
||||
|
|
|
|||
64
solo.html
64
solo.html
|
|
@ -94,7 +94,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
<div class="skill"></div>
|
||||
|
|
@ -105,7 +105,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
<div class="skill"></div>
|
||||
|
|
@ -116,7 +116,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
<div class="skill"></div>
|
||||
|
|
@ -127,7 +127,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
<div class="skill"></div>
|
||||
|
|
@ -138,7 +138,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
<div class="skill"></div>
|
||||
|
|
@ -149,7 +149,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
<div class="skill"></div>
|
||||
|
|
@ -236,7 +236,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
|
|
@ -248,7 +248,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
|
|
@ -260,7 +260,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
|
|
@ -272,7 +272,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
|
|
@ -284,7 +284,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
|
|
@ -296,7 +296,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="property"></div>
|
||||
<div class="subproperty"></div>
|
||||
<div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div>
|
||||
<div class="awoken-count display-none"></div>
|
||||
<div class="awoken-count-num"></div>
|
||||
<div class="super-awoken display-none"><div class="awoken-icon"></div></div>
|
||||
<div class="level"></div>
|
||||
<div class="id"></div>
|
||||
|
|
@ -707,31 +707,31 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="row-mon-awoken">
|
||||
<!--怪物觉醒-->
|
||||
<div class="awoken-ul">
|
||||
<label for="awoken-number-0" class="awoken-count" title="0"></label><input type="radio" name="awoken-number" class="awoken-number" value="0" id="awoken-number-0" />
|
||||
<label for="awoken-number-1" class="awoken-icon" title="1"></label><input type="radio" name="awoken-number" class="awoken-number" value="1" id="awoken-number-1" />
|
||||
<label for="awoken-number-2" class="awoken-icon" title="2"></label><input type="radio" name="awoken-number" class="awoken-number" value="2" id="awoken-number-2" />
|
||||
<label for="awoken-number-3" class="awoken-icon" title="3"></label><input type="radio" name="awoken-number" class="awoken-number" value="3" id="awoken-number-3" />
|
||||
<label for="awoken-number-4" class="awoken-icon" title="4"></label><input type="radio" name="awoken-number" class="awoken-number" value="4" id="awoken-number-4" />
|
||||
<label for="awoken-number-5" class="awoken-icon" title="5"></label><input type="radio" name="awoken-number" class="awoken-number" value="5" id="awoken-number-5" />
|
||||
<label for="awoken-number-6" class="awoken-icon" title="6"></label><input type="radio" name="awoken-number" class="awoken-number" value="6" id="awoken-number-6" />
|
||||
<label for="awoken-number-7" class="awoken-icon" title="7"></label><input type="radio" name="awoken-number" class="awoken-number" value="7" id="awoken-number-7" />
|
||||
<label for="awoken-number-8" class="awoken-icon" title="8"></label><input type="radio" name="awoken-number" class="awoken-number" value="8" id="awoken-number-8" />
|
||||
<label for="awoken-number-9" class="awoken-icon" title="9"></label><input type="radio" name="awoken-number" class="awoken-number" value="9" id="awoken-number-9" />
|
||||
<label for="awoken-number-0" class="awoken-count-num" title="0"></label><input type="radio" name="awoken-number" class="awoken-number" value="0" id="awoken-number-0" /><!--
|
||||
--><label for="awoken-number-1" class="awoken-icon" title="1"></label><input type="radio" name="awoken-number" class="awoken-number" value="1" id="awoken-number-1" /><!--
|
||||
--><label for="awoken-number-2" class="awoken-icon" title="2"></label><input type="radio" name="awoken-number" class="awoken-number" value="2" id="awoken-number-2" /><!--
|
||||
--><label for="awoken-number-3" class="awoken-icon" title="3"></label><input type="radio" name="awoken-number" class="awoken-number" value="3" id="awoken-number-3" /><!--
|
||||
--><label for="awoken-number-4" class="awoken-icon" title="4"></label><input type="radio" name="awoken-number" class="awoken-number" value="4" id="awoken-number-4" /><!--
|
||||
--><label for="awoken-number-5" class="awoken-icon" title="5"></label><input type="radio" name="awoken-number" class="awoken-number" value="5" id="awoken-number-5" /><!--
|
||||
--><label for="awoken-number-6" class="awoken-icon" title="6"></label><input type="radio" name="awoken-number" class="awoken-number" value="6" id="awoken-number-6" /><!--
|
||||
--><label for="awoken-number-7" class="awoken-icon" title="7"></label><input type="radio" name="awoken-number" class="awoken-number" value="7" id="awoken-number-7" /><!--
|
||||
--><label for="awoken-number-8" class="awoken-icon" title="8"></label><input type="radio" name="awoken-number" class="awoken-number" value="8" id="awoken-number-8" /><!--
|
||||
--><label for="awoken-number-9" class="awoken-icon" title="9"></label><input type="radio" name="awoken-number" class="awoken-number" value="9" id="awoken-number-9" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-mon-super-awoken">
|
||||
<!--怪物超觉醒-->
|
||||
<div class="awoken-ul">
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="-1" id="sawoken-choice--1" />
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="0" id="sawoken-choice-0" /><label for="sawoken-choice-0" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="1" id="sawoken-choice-1" /><label for="sawoken-choice-1" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="2" id="sawoken-choice-2" /><label for="sawoken-choice-2" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="3" id="sawoken-choice-3" /><label for="sawoken-choice-3" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="4" id="sawoken-choice-4" /><label for="sawoken-choice-4" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="5" id="sawoken-choice-5" /><label for="sawoken-choice-5" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="6" id="sawoken-choice-6" /><label for="sawoken-choice-6" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="7" id="sawoken-choice-7" /><label for="sawoken-choice-7" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="8" id="sawoken-choice-8" /><label for="sawoken-choice-8" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="-1" id="sawoken-choice--1" /><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="0" id="sawoken-choice-0" /><label for="sawoken-choice-0" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="1" id="sawoken-choice-1" /><label for="sawoken-choice-1" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="2" id="sawoken-choice-2" /><label for="sawoken-choice-2" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="3" id="sawoken-choice-3" /><label for="sawoken-choice-3" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="4" id="sawoken-choice-4" /><label for="sawoken-choice-4" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="5" id="sawoken-choice-5" /><label for="sawoken-choice-5" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="6" id="sawoken-choice-6" /><label for="sawoken-choice-6" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="7" id="sawoken-choice-7" /><label for="sawoken-choice-7" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="8" id="sawoken-choice-8" /><label for="sawoken-choice-8" class="awoken-icon"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
80
style.css
80
style.css
|
|
@ -276,8 +276,7 @@ ul{
|
|||
display:none;
|
||||
}
|
||||
/*怪物-觉醒*/
|
||||
.monster .awoken-count,
|
||||
.row-mon-awoken .awoken-count
|
||||
.awoken-count-num
|
||||
{
|
||||
color: yellow;
|
||||
text-shadow: black 0 0 4px;
|
||||
|
|
@ -287,33 +286,44 @@ ul{
|
|||
width: 34px;
|
||||
height: 38px;
|
||||
}
|
||||
.monster .awoken-count{
|
||||
.monster .awoken-count-num{
|
||||
position: absolute;
|
||||
top: -4px;
|
||||
right: 0;
|
||||
transform: scale(0.75) translateX(4px);
|
||||
}
|
||||
.monster .awoken-count,
|
||||
.monster .awoken-count.full-awoken::before,
|
||||
.row-mon-awoken .awoken-count,
|
||||
.row-mon-awoken .awoken-count.full-awoken::before
|
||||
|
||||
/*显示怪物觉醒的数字*/
|
||||
.awoken-count-num
|
||||
{
|
||||
font-family: var(--game-font-family);
|
||||
font-size: 20px;
|
||||
line-height: 28px;
|
||||
}
|
||||
.awoken-count.full-awoken{
|
||||
font-size: 0;
|
||||
.awoken-count-num::before
|
||||
{
|
||||
content: attr(data-value);
|
||||
}
|
||||
.awoken-count.full-awoken::before{
|
||||
.awoken-count-num[data-value="0"]
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.awoken-count-num.full-awoken
|
||||
{
|
||||
display: inline-block;
|
||||
}
|
||||
.awoken-count-num.full-awoken::before
|
||||
{
|
||||
content: "★";
|
||||
}
|
||||
.allowable-assist .awoken-count.full-awoken{
|
||||
font-size: 0;
|
||||
.allowable-assist .awoken-count-num.full-awoken
|
||||
{
|
||||
text-shadow: none;
|
||||
background-position-y: -38px;
|
||||
}
|
||||
.allowable-assist .awoken-count.full-awoken::before{
|
||||
content: none;
|
||||
.allowable-assist .awoken-count-num.full-awoken::before
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
/*武器*/
|
||||
.monster.wepon .awoken-count.full-awoken{
|
||||
|
|
@ -332,6 +342,8 @@ ul{
|
|||
}
|
||||
/*怪物-等级*/
|
||||
.monster .level{
|
||||
font-size: 15px;
|
||||
line-height: 17px;
|
||||
color: white;
|
||||
height: 17px;
|
||||
text-shadow: black 0 0 2px, black 2px 2px 0;
|
||||
|
|
@ -340,12 +352,13 @@ ul{
|
|||
bottom: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
.monster .level,.monster .level.max::before{
|
||||
font-size: 15px;
|
||||
line-height: 17px;
|
||||
.monster .level::after
|
||||
{
|
||||
content: attr(data-value);
|
||||
}
|
||||
.monster .level.max{
|
||||
font-size: 0;
|
||||
.monster .level.max::after
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.monster .level._110{
|
||||
color: lightskyblue;
|
||||
|
|
@ -1518,28 +1531,16 @@ ul{
|
|||
.row-mon-awoken{
|
||||
margin-right: 20px;
|
||||
}
|
||||
.row-mon-awoken .awoken-ul, .row-mon-super-awoken .awoken-ul{
|
||||
font-size: 0;
|
||||
height: 32px;
|
||||
.row-mon-awoken .awoken-count-num{
|
||||
display: inline-block;
|
||||
transform: scale(0.84) translateY(-2px);
|
||||
}
|
||||
.edit-box .awoken-ul .awoken-icon,
|
||||
.edit-box .awoken-count
|
||||
.row-mon-awoken .awoken-count-num
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
.row-mon-awoken .awoken-count.full-awoken{
|
||||
font-size: 0;
|
||||
}
|
||||
.row-mon-awoken .awoken-count,
|
||||
.row-mon-awoken .awoken-count.full-awoken::before
|
||||
{
|
||||
font-size: 22px;
|
||||
line-height: 28px;
|
||||
}
|
||||
.row-mon-awoken .awoken-count{
|
||||
transform: scale(0.84) translateY(-2px);
|
||||
}
|
||||
.row-mon-awoken .awoken-count,
|
||||
.row-mon-awoken .awoken-count-num,
|
||||
.row-mon-awoken .awoken-icon
|
||||
{
|
||||
vertical-align: top;
|
||||
|
|
@ -1747,11 +1748,14 @@ ul{
|
|||
padding: 0 3px;
|
||||
}
|
||||
.row-mon-level .m-level-btn-min::after,
|
||||
.row-mon-level .m-level-btn-max::after,
|
||||
.row-mon-level .m-level-btn-110::after
|
||||
.row-mon-level .m-level-btn-max::after
|
||||
{
|
||||
content: attr(value);
|
||||
}
|
||||
.row-mon-level .m-level-btn-110::after
|
||||
{
|
||||
content: attr(value) " (+" attr(data-limit-break-incr) "%)";
|
||||
}
|
||||
.m-level-btn-110
|
||||
{
|
||||
color: blue;
|
||||
|
|
|
|||
40
triple.html
40
triple.html
|
|
@ -1434,31 +1434,31 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="row-mon-awoken">
|
||||
<!--怪物觉醒-->
|
||||
<div class="awoken-ul">
|
||||
<label for="awoken-number-0" class="awoken-count" title="0"></label><input type="radio" name="awoken-number" class="awoken-number" value="0" id="awoken-number-0" />
|
||||
<label for="awoken-number-1" class="awoken-icon" title="1"></label><input type="radio" name="awoken-number" class="awoken-number" value="1" id="awoken-number-1" />
|
||||
<label for="awoken-number-2" class="awoken-icon" title="2"></label><input type="radio" name="awoken-number" class="awoken-number" value="2" id="awoken-number-2" />
|
||||
<label for="awoken-number-3" class="awoken-icon" title="3"></label><input type="radio" name="awoken-number" class="awoken-number" value="3" id="awoken-number-3" />
|
||||
<label for="awoken-number-4" class="awoken-icon" title="4"></label><input type="radio" name="awoken-number" class="awoken-number" value="4" id="awoken-number-4" />
|
||||
<label for="awoken-number-5" class="awoken-icon" title="5"></label><input type="radio" name="awoken-number" class="awoken-number" value="5" id="awoken-number-5" />
|
||||
<label for="awoken-number-6" class="awoken-icon" title="6"></label><input type="radio" name="awoken-number" class="awoken-number" value="6" id="awoken-number-6" />
|
||||
<label for="awoken-number-7" class="awoken-icon" title="7"></label><input type="radio" name="awoken-number" class="awoken-number" value="7" id="awoken-number-7" />
|
||||
<label for="awoken-number-8" class="awoken-icon" title="8"></label><input type="radio" name="awoken-number" class="awoken-number" value="8" id="awoken-number-8" />
|
||||
<label for="awoken-number-9" class="awoken-icon" title="9"></label><input type="radio" name="awoken-number" class="awoken-number" value="9" id="awoken-number-9" />
|
||||
<label for="awoken-number-0" class="awoken-count-num" title="0"></label><input type="radio" name="awoken-number" class="awoken-number" value="0" id="awoken-number-0" /><!--
|
||||
--><label for="awoken-number-1" class="awoken-icon" title="1"></label><input type="radio" name="awoken-number" class="awoken-number" value="1" id="awoken-number-1" /><!--
|
||||
--><label for="awoken-number-2" class="awoken-icon" title="2"></label><input type="radio" name="awoken-number" class="awoken-number" value="2" id="awoken-number-2" /><!--
|
||||
--><label for="awoken-number-3" class="awoken-icon" title="3"></label><input type="radio" name="awoken-number" class="awoken-number" value="3" id="awoken-number-3" /><!--
|
||||
--><label for="awoken-number-4" class="awoken-icon" title="4"></label><input type="radio" name="awoken-number" class="awoken-number" value="4" id="awoken-number-4" /><!--
|
||||
--><label for="awoken-number-5" class="awoken-icon" title="5"></label><input type="radio" name="awoken-number" class="awoken-number" value="5" id="awoken-number-5" /><!--
|
||||
--><label for="awoken-number-6" class="awoken-icon" title="6"></label><input type="radio" name="awoken-number" class="awoken-number" value="6" id="awoken-number-6" /><!--
|
||||
--><label for="awoken-number-7" class="awoken-icon" title="7"></label><input type="radio" name="awoken-number" class="awoken-number" value="7" id="awoken-number-7" /><!--
|
||||
--><label for="awoken-number-8" class="awoken-icon" title="8"></label><input type="radio" name="awoken-number" class="awoken-number" value="8" id="awoken-number-8" /><!--
|
||||
--><label for="awoken-number-9" class="awoken-icon" title="9"></label><input type="radio" name="awoken-number" class="awoken-number" value="9" id="awoken-number-9" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-mon-super-awoken">
|
||||
<!--怪物超觉醒-->
|
||||
<div class="awoken-ul">
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="-1" id="sawoken-choice--1" />
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="0" id="sawoken-choice-0" /><label for="sawoken-choice-0" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="1" id="sawoken-choice-1" /><label for="sawoken-choice-1" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="2" id="sawoken-choice-2" /><label for="sawoken-choice-2" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="3" id="sawoken-choice-3" /><label for="sawoken-choice-3" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="4" id="sawoken-choice-4" /><label for="sawoken-choice-4" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="5" id="sawoken-choice-5" /><label for="sawoken-choice-5" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="6" id="sawoken-choice-6" /><label for="sawoken-choice-6" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="7" id="sawoken-choice-7" /><label for="sawoken-choice-7" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="8" id="sawoken-choice-8" /><label for="sawoken-choice-8" class="awoken-icon"></label>
|
||||
<input type="radio" name="sawoken-choice" class="sawoken-choice" value="-1" id="sawoken-choice--1" /><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="0" id="sawoken-choice-0" /><label for="sawoken-choice-0" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="1" id="sawoken-choice-1" /><label for="sawoken-choice-1" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="2" id="sawoken-choice-2" /><label for="sawoken-choice-2" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="3" id="sawoken-choice-3" /><label for="sawoken-choice-3" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="4" id="sawoken-choice-4" /><label for="sawoken-choice-4" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="5" id="sawoken-choice-5" /><label for="sawoken-choice-5" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="6" id="sawoken-choice-6" /><label for="sawoken-choice-6" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="7" id="sawoken-choice-7" /><label for="sawoken-choice-7" class="awoken-icon"></label><!--
|
||||
--><input type="radio" name="sawoken-choice" class="sawoken-choice" value="8" id="sawoken-choice-8" /><label for="sawoken-choice-8" class="awoken-icon"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue