移动觉醒的位置,到基础信息栏,然后改为粘性定位方便看技能的时候也能看到信息。

This commit is contained in:
枫谷剑仙 2022-12-14 04:52:44 +08:00
parent 3951c60529
commit d0bd6474b9
7 changed files with 60 additions and 58 deletions

View File

@ -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">
<!--怪物三维-->

View File

@ -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));

View File

@ -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)=>{

View File

@ -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",

View File

@ -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">
<!--怪物三维-->

View File

@ -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{

View File

@ -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">
<!--怪物三维-->