移动觉醒的位置,到基础信息栏,然后改为粘性定位方便看技能的时候也能看到信息。
This commit is contained in:
parent
3951c60529
commit
d0bd6474b9
24
multi.html
24
multi.html
|
@ -1120,19 +1120,7 @@ var formation = new Formation(teamsCount,5);
|
|||
<div class="monster-altName"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="monsterinfo-cell">
|
||||
</div>
|
||||
</div>
|
||||
<div class="setting-box">
|
||||
<div class="setting-row row-mon-id">
|
||||
<input type="checkbox" class="config-checkbox-ipt" name="real-time-change-card" id="real-time-change-card"><label class="config-checkbox-lbl real-time-change-card-label" for="real-time-change-card"><div class="config-checkbox-lbl-cicle"></div></label>
|
||||
<button class="open-evolutionary-tree display-none"></button>
|
||||
<button class="search-evolution-by-this display-none"><icon class="type-icon" data-type-icon="0"></icon></button>
|
||||
<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
|
||||
<datalist id="monsters-name-list"></datalist>
|
||||
<ul class="evo-card-list"></ul>
|
||||
</div>
|
||||
<div class="setting-row">
|
||||
<div class="monsterinfo-line row-awoken-sawoken">
|
||||
<div class="row-mon-awoken">
|
||||
<!--怪物觉醒-->
|
||||
<div class="awoken-ul">
|
||||
|
@ -1157,6 +1145,16 @@ var formation = new Formation(teamsCount,5);
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="setting-box">
|
||||
<div class="setting-row row-mon-id">
|
||||
<input type="checkbox" class="config-checkbox-ipt" name="real-time-change-card" id="real-time-change-card"><label class="config-checkbox-lbl real-time-change-card-label" for="real-time-change-card"><div class="config-checkbox-lbl-cicle"></div></label>
|
||||
<button class="open-evolutionary-tree display-none"></button>
|
||||
<button class="search-evolution-by-this display-none"><icon class="type-icon" data-type-icon="0"></icon></button>
|
||||
<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
|
||||
<datalist id="monsters-name-list"></datalist>
|
||||
<ul class="evo-card-list"></ul>
|
||||
</div>
|
||||
<div class="setting-row row-ability">
|
||||
<div class="row-mon-ability">
|
||||
<!--怪物三维-->
|
||||
|
|
|
@ -1845,6 +1845,7 @@ function renderSkill(skill, option = {})
|
|||
skills.forEach((subSkill, idx)=>{
|
||||
const li = ul.appendChild(document.createElement("li"));
|
||||
const details = li.appendChild(document.createElement("details"));
|
||||
details.open = true;
|
||||
details.className = "skill-details";
|
||||
details.appendChild(renderSkillTitle(skill.params[idx]));
|
||||
details.appendChild(renderSkillEntry(subSkill));
|
||||
|
@ -1862,6 +1863,7 @@ function renderSkill(skill, option = {})
|
|||
skills.forEach((subSkill, idx)=>{
|
||||
const li = ul.appendChild(document.createElement("li"));
|
||||
const details = li.appendChild(document.createElement("details"));
|
||||
details.open = true;
|
||||
details.className = "skill-details";
|
||||
details.appendChild(renderSkillTitle(skill.params[idx], { showTurns:true }));
|
||||
details.appendChild(renderSkillEntry(subSkill));
|
||||
|
|
26
script.js
26
script.js
|
@ -2895,18 +2895,18 @@ function initialize() {
|
|||
sessionStorage.removeItem('editing');
|
||||
};
|
||||
|
||||
const smonsterinfoBox = editBox.querySelector(".monsterinfo-box");
|
||||
const monInfoBox = editBox.querySelector(".monsterinfo-box");
|
||||
const searchBox = editBox.querySelector(".search-box");
|
||||
const settingBox = editBox.querySelector(".setting-box");
|
||||
|
||||
const mSeriesId = smonsterinfoBox.querySelector(".monster-seriesId");
|
||||
const mSeriesId = monInfoBox.querySelector(".monster-seriesId");
|
||||
mSeriesId.onclick = function() { //搜索系列
|
||||
const seriesId = parseInt(this.getAttribute(dataAttrName), 10);
|
||||
if (seriesId > 0) {
|
||||
showSearch(Cards.filter(card => card.seriesId == seriesId));
|
||||
}
|
||||
};
|
||||
const mCollabId = smonsterinfoBox.querySelector(".monster-collabId");
|
||||
const mCollabId = monInfoBox.querySelector(".monster-collabId");
|
||||
mCollabId.onclick = function() { //搜索合作
|
||||
const collabId = parseInt(this.getAttribute(dataAttrName), 10);
|
||||
if (collabId > 0); {
|
||||
|
@ -3018,7 +3018,7 @@ function initialize() {
|
|||
//初始化Dialog
|
||||
dialogInitialing(stringSearchDialog);
|
||||
|
||||
const mAltName = smonsterinfoBox.querySelector(".monster-altName");
|
||||
const mAltName = monInfoBox.querySelector(".monster-altName");
|
||||
mAltName.onclick = function() { //搜索合作
|
||||
//const mid = parseInt(this.getAttribute('data-monId'));
|
||||
const card = Cards[editBox.mid];
|
||||
|
@ -3840,7 +3840,7 @@ function initialize() {
|
|||
showSearch(searchByString(monstersID.value));
|
||||
};
|
||||
//觉醒
|
||||
const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken");
|
||||
const monEditAwokensRow = monInfoBox.querySelector(".row-mon-awoken");
|
||||
const awokenCountLabel = monEditAwokensRow.querySelector(".awoken-count-num");
|
||||
const monEditAwokens = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul input[name='awoken-number']"));
|
||||
|
||||
|
@ -3868,7 +3868,7 @@ function initialize() {
|
|||
monEditAwokensLabel.forEach(akDom => akDom.onclick = playVoiceAwoken);
|
||||
|
||||
//超觉醒
|
||||
const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken");
|
||||
const monEditSAwokensRow = monInfoBox.querySelector(".row-mon-super-awoken");
|
||||
|
||||
//3个快速设置this.ipt为自己的value
|
||||
function setIptToMyValue() {
|
||||
|
@ -4567,12 +4567,12 @@ function editMember(teamNum, isAssist, indexInTeam) {
|
|||
monstersID.value = mon.id > 0 ? mon.id : 0;
|
||||
monstersID.onchange();
|
||||
//觉醒
|
||||
const monEditAwokens = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul input[name='awoken-number']");
|
||||
const monEditAwokens = editBox.querySelectorAll(".row-mon-awoken .awoken-ul input[name='awoken-number']");
|
||||
//if (mon.awoken > 0 && monEditAwokens[mon.awoken]) monEditAwokens[mon.awoken].click(); //涉及到觉醒数字的显示,所以需要点一下,为了减少计算次数,把这一条移动到了最后面
|
||||
//超觉醒
|
||||
const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken");
|
||||
const monEditSAwokensRow = editBox.querySelector(".row-mon-super-awoken");
|
||||
const monEditSAwokens = Array.from(monEditSAwokensRow.querySelectorAll(".awoken-ul input[name='sawoken-choice']")); //单选框,0号是隐藏的
|
||||
const noSAwokenRadio = settingBox.querySelector("#sawoken-choice-nosawoken"); //不选超觉醒的选项
|
||||
const noSAwokenRadio = editBox.querySelector("#sawoken-choice-nosawoken"); //不选超觉醒的选项
|
||||
(monEditSAwokens.find(ipt=>mon.sawoken === parseInt(ipt.value,10)) || noSAwokenRadio).checked = true;
|
||||
monEditSAwokensRow.swaoken = mon.sawoken;
|
||||
|
||||
|
@ -4693,7 +4693,7 @@ function editBoxChangeMonId(id) {
|
|||
}
|
||||
}
|
||||
|
||||
const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken .awoken-ul");
|
||||
const monEditAwokensRow = monInfoBox.querySelector(".row-mon-awoken .awoken-ul");
|
||||
const mAwokenIcon = monEditAwokensRow.querySelectorAll(".awoken-icon");
|
||||
const mAwokenIpt = monEditAwokensRow.querySelectorAll("input[name='awoken-number']");
|
||||
monEditAwokensRow.classList.toggle("allowable-assist", card.canAssist);;
|
||||
|
@ -4706,10 +4706,10 @@ function editBoxChangeMonId(id) {
|
|||
mAwokenIpt[card.awakenings.length].click(); //选择最后一个觉醒
|
||||
|
||||
//超觉醒
|
||||
const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken");
|
||||
const monEditSAwokensRow = monInfoBox.querySelector(".row-mon-super-awoken");
|
||||
const monEditSAwokensUl = monEditSAwokensRow.querySelector(".awoken-ul");
|
||||
const monEditSAwokensIcons = Array.from(monEditSAwokensUl.querySelectorAll(".awoken-icon"));
|
||||
const noSAwokenRadio = settingBox.querySelector("#sawoken-choice-nosawoken"); //不选超觉醒的选项
|
||||
const noSAwokenRadio = editBox.querySelector("#sawoken-choice-nosawoken"); //不选超觉醒的选项
|
||||
//获得之前的所有超觉醒
|
||||
const prevSAwokens = monEditSAwokensIcons.map(icon=>parseInt(icon.getAttribute("data-awoken-icon") || 0, 10)).filter(Boolean);
|
||||
|
||||
|
@ -4753,7 +4753,7 @@ function editBoxChangeMonId(id) {
|
|||
//切换前后超觉相同,什么都不做
|
||||
//console.debug('与上一个超觉醒完全相同,不用修改超觉醒');
|
||||
} else {
|
||||
const optionIconTemplate = settingBox.querySelector('#sawoken-option-icon');
|
||||
const optionIconTemplate = editBox.querySelector('#sawoken-option-icon');
|
||||
monEditSAwokensUl.innerHTML = ''; //清空旧的超觉醒
|
||||
monEditSAwokensUl.swaoken = 0;
|
||||
card.superAwakenings.forEach((sak,idx)=>{
|
||||
|
|
|
@ -6851,7 +6851,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"multi.html",
|
||||
"87264c3c7863d287a4e3c77c65aae455"
|
||||
"42f4860c360b02594b1664f041da1b1a"
|
||||
],
|
||||
[
|
||||
"script-custom_elements.js",
|
||||
|
@ -6863,7 +6863,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"script-skill-parser.js",
|
||||
"1259a49bdd7c5cb15b69c0ebd8e8197d"
|
||||
"3c6789e94ed2b39052d209c363eabc3a"
|
||||
],
|
||||
[
|
||||
"script-universal_function.js",
|
||||
|
@ -6871,11 +6871,11 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"script.js",
|
||||
"e47609e8758f1cbaf0beabc02b727aa2"
|
||||
"554a2ef2de41a46b70d214ea23c9fe88"
|
||||
],
|
||||
[
|
||||
"solo.html",
|
||||
"32b5434382bafc33060e78ea8c916c40"
|
||||
"5176cf0762c0fede6b26fb48bb059b63"
|
||||
],
|
||||
[
|
||||
"style-monsterimages.css",
|
||||
|
@ -6883,7 +6883,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"style.css",
|
||||
"3620359efbb53bcbd64a6ea7c910d2e1"
|
||||
"9f1bc4f57e254e732c86b31b2851a097"
|
||||
],
|
||||
[
|
||||
"temp.js",
|
||||
|
@ -6891,7 +6891,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"triple.html",
|
||||
"38d2c59939dd18d3200b1a7877fd6b81"
|
||||
"840a9c4060638ae5c5cfd7fa58a25931"
|
||||
],
|
||||
[
|
||||
"languages/en.css",
|
||||
|
|
24
solo.html
24
solo.html
|
@ -962,19 +962,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="monster-altName"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="monsterinfo-cell">
|
||||
</div>
|
||||
</div>
|
||||
<div class="setting-box">
|
||||
<div class="setting-row row-mon-id">
|
||||
<input type="checkbox" class="config-checkbox-ipt" name="real-time-change-card" id="real-time-change-card"><label class="config-checkbox-lbl real-time-change-card-label" for="real-time-change-card"><div class="config-checkbox-lbl-cicle"></div></label>
|
||||
<button class="open-evolutionary-tree display-none"></button>
|
||||
<button class="search-evolution-by-this display-none"><icon class="type-icon" data-type-icon="0"></icon></button>
|
||||
<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
|
||||
<datalist id="monsters-name-list"></datalist>
|
||||
<ul class="evo-card-list"></ul>
|
||||
</div>
|
||||
<div class="setting-row">
|
||||
<div class="monsterinfo-line row-awoken-sawoken">
|
||||
<div class="row-mon-awoken">
|
||||
<!--怪物觉醒-->
|
||||
<div class="awoken-ul">
|
||||
|
@ -999,6 +987,16 @@ var formation = new Formation(teamsCount,6);
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="setting-box">
|
||||
<div class="setting-row row-mon-id">
|
||||
<input type="checkbox" class="config-checkbox-ipt" name="real-time-change-card" id="real-time-change-card"><label class="config-checkbox-lbl real-time-change-card-label" for="real-time-change-card"><div class="config-checkbox-lbl-cicle"></div></label>
|
||||
<button class="open-evolutionary-tree display-none"></button>
|
||||
<button class="search-evolution-by-this display-none"><icon class="type-icon" data-type-icon="0"></icon></button>
|
||||
<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
|
||||
<datalist id="monsters-name-list"></datalist>
|
||||
<ul class="evo-card-list"></ul>
|
||||
</div>
|
||||
<div class="setting-row row-ability">
|
||||
<div class="row-mon-ability">
|
||||
<!--怪物三维-->
|
||||
|
|
|
@ -1362,6 +1362,12 @@ icon.inflicts::after
|
|||
border-bottom: #72941D ridge 7px;
|
||||
box-shadow: black 0 3px 3px;
|
||||
padding: 5px 10px;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.monsterinfo-box .row-awoken-sawoken {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.edit-box .search-box,
|
||||
.edit-box .setting-box{
|
||||
|
|
24
triple.html
24
triple.html
|
@ -2014,19 +2014,7 @@ var formation = new Formation(teamsCount,6);
|
|||
<div class="monster-altName"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="monsterinfo-cell">
|
||||
</div>
|
||||
</div>
|
||||
<div class="setting-box">
|
||||
<div class="setting-row row-mon-id">
|
||||
<input type="checkbox" class="config-checkbox-ipt" name="real-time-change-card" id="real-time-change-card"><label class="config-checkbox-lbl real-time-change-card-label" for="real-time-change-card"><div class="config-checkbox-lbl-cicle"></div></label>
|
||||
<button class="open-evolutionary-tree display-none"></button>
|
||||
<button class="search-evolution-by-this display-none"><icon class="type-icon" data-type-icon="0"></icon></button>
|
||||
<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
|
||||
<datalist id="monsters-name-list"></datalist>
|
||||
<ul class="evo-card-list"></ul>
|
||||
</div>
|
||||
<div class="setting-row">
|
||||
<div class="monsterinfo-line row-awoken-sawoken">
|
||||
<div class="row-mon-awoken">
|
||||
<!--怪物觉醒-->
|
||||
<div class="awoken-ul">
|
||||
|
@ -2051,6 +2039,16 @@ var formation = new Formation(teamsCount,6);
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="setting-box">
|
||||
<div class="setting-row row-mon-id">
|
||||
<input type="checkbox" class="config-checkbox-ipt" name="real-time-change-card" id="real-time-change-card"><label class="config-checkbox-lbl real-time-change-card-label" for="real-time-change-card"><div class="config-checkbox-lbl-cicle"></div></label>
|
||||
<button class="open-evolutionary-tree display-none"></button>
|
||||
<button class="search-evolution-by-this display-none"><icon class="type-icon" data-type-icon="0"></icon></button>
|
||||
<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
|
||||
<datalist id="monsters-name-list"></datalist>
|
||||
<ul class="evo-card-list"></ul>
|
||||
</div>
|
||||
<div class="setting-row row-ability">
|
||||
<div class="row-mon-ability">
|
||||
<!--怪物三维-->
|
||||
|
|
Loading…
Reference in New Issue