全部 .dialog 切换到 <dialog>

This commit is contained in:
枫谷剑仙 2024-03-22 17:25:41 +08:00
parent bdf85e9dc1
commit a01c0f86b8
10 changed files with 392 additions and 399 deletions

View File

@ -445,7 +445,7 @@ label[for="box-have"]::after
.control-div .search-share::before{
content: "Share Search";
}
.dialog-search-string .dialog-title::before
#dialog-search-string .dialog-title::before
{
content: "Search by Tags";
}

View File

@ -288,7 +288,7 @@ label[for="show-rich-text-tools"]::after{
content: " 秒";
}
.dialog-hp-detail .dialog-title::before
#dialog-hp-detail .dialog-title::before
{
content: "HP 範囲減傷の詳細";
}
@ -439,7 +439,7 @@ label[for="box-have"]::after
.control-div .search-share::before{
content: "検索を分け合う";
}
.dialog-search-string .dialog-title::before
#dialog-search-string .dialog-title::before
{
content: "タグで検索";
}

View File

@ -283,7 +283,7 @@ label[for="show-rich-text-tools"]::after{
content: " 초";
}
.dialog-hp-detail .dialog-title::before
#dialog-hp-detail .dialog-title::before
{
content: "HP 범위 손상 감소 세부 정보";
}
@ -430,7 +430,7 @@ label[for="not-weapon"]::after
.control-div .search-share::before{
content: "검색 공유하기";
}
.dialog-search-string .dialog-title::before
#dialog-search-string .dialog-title::before
{
content: "태그로 검색";
}

View File

@ -288,7 +288,7 @@ label[for="show-rich-text-tools"]::after{
content: " 秒";
}
.dialog-hp-detail .dialog-title::before
#dialog-hp-detail .dialog-title::before
{
content: "HP 階段減傷詳情";
}
@ -439,7 +439,7 @@ label[for="box-have"]::after
.control-div .search-share::before{
content: "分享搜索";
}
.dialog-search-string .dialog-title::before
#dialog-search-string .dialog-title::before
{
content: "以標簽搜索";
}

View File

@ -289,7 +289,7 @@ label[for="show-rich-text-tools"]::after{
content: " 秒";
}
.dialog-hp-detail .dialog-title::before
#dialog-hp-detail .dialog-title::before
{
content: "HP 階段減傷詳情";
}
@ -440,7 +440,7 @@ label[for="box-have"]::after
.control-div .search-share::before{
content: "分享搜索";
}
.dialog-search-string .dialog-title::before
#dialog-search-string .dialog-title::before
{
content: "以標簽搜索";
}

View File

@ -42,6 +42,9 @@ const teamsCount = 2;
){
padding-left: var(--head-block-width);
}
.formation-box .team-total-info {
display: flex;
}
</style>
</head>
@ -117,8 +120,7 @@ const teamsCount = 2;
</div>
<ul class="teams">
<li class="team-bigbox team-1 show-team-name-right">
<div class="team-total-info">
<div class="tIf-addition-info">
<div class="team-total-info-count">
<ul class="tIf-rarity">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
@ -144,6 +146,7 @@ const teamsCount = 2;
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</ul>
</div>
<div class="team-total-info">
<div class="tIf-total-move">
<span class="general"></span>
<span class="awoken-bind"></span>
@ -758,7 +761,8 @@ const teamsCount = 2;
<span class="general"></span>
<span class="awoken-bind"></span>
</div>
<div class="tIf-addition-info">
</div>
<div class="team-total-info-count">
<ul class="tIf-rarity">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
@ -784,7 +788,6 @@ const teamsCount = 2;
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</ul>
</div>
</div>
</li>
</ul>
<div class="formation-awoken">
@ -802,11 +805,14 @@ const teamsCount = 2;
</div>
<div class="detail-box"><textarea class="detail-code" placeholder="输入说明"></textarea><div class="detail-display rich-text" contenteditable="true"></div></div>
<div class="dialog dialog-hp-detail display-none">
<dialog id="dialog-hp-detail" class="dialog">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
<div class="dialog-content"></div>
</dialog>
</div>
<div id="rich-text-tools">
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
@ -1414,18 +1420,13 @@ const teamsCount = 2;
</div>
</div>
</div>
<div class="dialog dialog-show-any-string display-none">
<div class="dialog-title"></div>
<div class="dialog-content">
<input type="text" class="string-value" readonly /><button class="string-copy"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="dialog dialog-search-string display-none">
<dialog class="dialog" id="dialog-search-string">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
</dialog>
<div class="mask mask-evolutionary-tree display-none">
<button class="mask-close brown-button"></button>
<div class="mask-content"></div>
@ -1508,9 +1509,10 @@ const teamsCount = 2;
<a id="external-support" class="brown-button fa" href="doc/index.html#data-exchange-with-paddb"></a>
</div>
<div class="dialog dialog-dungeon-enchance display-none">
<dialog id="dialog-dungeon-enchance" class="dialog">
<div class="dialog-title"></div>
<div class="dialog-content">
<form method="dialog" class="dialog-content">
<ul class="rare-list">
<li><input type="checkbox" class="rare-check" name="dungeon-rare" value="1" id="dungeon-rare-1" /><label class="rare-icon" data-rare-icon="1" for="dungeon-rare-1"></label></li>
<li><input type="checkbox" class="rare-check" name="dungeon-rare" value="2" id="dungeon-rare-2" /><label class="rare-icon" data-rare-icon="2" for="dungeon-rare-2"></label></li>
@ -1556,17 +1558,21 @@ const teamsCount = 2;
<li><label for="dungeon-rcv"></label><input id="dungeon-rcv" type="number" min=0 step=1 value=1 /></li>
</ul>
<ul class="benefit-list"><!--阴阳加护-->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="0" id="dungeon-benefit-0" /><label class="awoken-icon" data-awoken-icon="0" for="dungeon-benefit-0"></label></li><!---->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="0" id="dungeon-benefit-0" checked /><label class="awoken-icon" data-awoken-icon="0" for="dungeon-benefit-0"></label></li><!---->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="1" id="dungeon-benefit-1" /><label class="awoken-icon" data-awoken-icon="128" for="dungeon-benefit-1"></label></li><!---->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="2" id="dungeon-benefit-2" /><label class="awoken-icon" data-awoken-icon="129" for="dungeon-benefit-2"></label></li><!---->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="3" id="dungeon-benefit-3" /><label class="awoken-icon yinyang" data-awoken-icon="128" for="dungeon-benefit-3"></label></li><!--阴阳-->
</ul>
<ul class="current-stage-list"><!--当前层数-->
<li><label for="current-stage"></label><input id="current-stage" type="number" min="1" step="1" /></li>
<li><label for="current-stage"></label><input id="current-stage" type="number" min=1 step=1 /></li>
</ul>
<div class="dialog-control">
<button class="dialog-clear brown-button" type="reset"></button>
<button class="dialog-close brown-button" value="cancel"></button>
<button class="dialog-confirm brown-button" type="submit"></button>
</div>
<div class="dialog-control"><button class="dialog-clear brown-button"></button><button class="dialog-close brown-button"></button><button class="dialog-confirm brown-button"></button></div>
</div>
</form>
</dialog>
<div id="player-data-frame" class="mask display-none">
<div class="player-box-title fa"><!--玩家数据子--></div>
@ -1697,5 +1703,26 @@ const teamsCount = 2;
</template>
</div>
</div>
<dialog id="badge-choose" class="dialog">
<form method="dialog">
<ul class="team-badges">
</ul>
<div class="dialog-control">
<button class="dialog-close brown-button" formmethod="dialog" value="cancel"></button>
<button class="dialog-confirm brown-button" type="submit" value="submit"></button>
</div>
</form>
</dialog>
<dialog class="dialog" id="dialog-show-any-string">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content">
<input type="text" class="string-value" readonly /><button class="string-copy" type="button"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
</dialog>
</body>
</html>

View File

@ -4155,7 +4155,7 @@ function initialize() {
createNewUrl();
//badgeDialog.removeEventListener("close", returnFunc);
};
teamBadge.onclick = function(){
if (teamBadge) teamBadge.onclick = function(){
_badgeThis = this;
const currentBadge = teamBadgeUl.querySelector(`#choose-team-badge-${_badgeThis.dataset.badgeIcon}`);
if (currentBadge) currentBadge.checked = true;
@ -4163,15 +4163,34 @@ function initialize() {
badgeDialog.addEventListener("close", returnFunc, {once: true});
badgeDialog.showModal();
};
const reduceDetailsBar = teamBigBox.querySelector(".tIf-total-hp .reduce-details");
if (reduceDetailsBar) reduceDetailsBar.onclick = function(){
hpDetailDialog.initialing(this.reduceAttrRangesWithShieldAwoken, this.reduceAttrRanges, this.tHP, this.tHPNoAwoken);
hpDetailDialog.show();
}
});
//显示HP的详细值
const hpDetailDialog = formationBox.querySelector(".dialog-hp-detail");
const hpDetailDialog = document.getElementById("dialog-hp-detail");
hpDetailDialog.initialing = function(reduceAttrRanges, reduceAttrRangesWithOutAwoken, tHP, tHPNoAwoken)
{
const dialogContent = this.querySelector(".dialog-content");
const fragment = document.createDocumentFragment();
if (reduceAttrRanges.some(r=>r != reduceAttrRanges[0])) //有指定属性减伤
{
for (let ri=0;ri<reduceAttrRanges.length;ri++) {
fragment.appendChild(insertHpRangeTable(reduceAttrRanges[ri], reduceAttrRangesWithOutAwoken[ri], tHP, tHPNoAwoken, ri));
}
}
else //只有阶梯盾
{
fragment.appendChild(insertHpRangeTable(reduceAttrRanges[0], reduceAttrRangesWithOutAwoken[0], tHP, tHPNoAwoken, 31));
}
dialogContent.innerHTML = "";
dialogContent.appendChild(fragment);
}
function insertHpRangeTable(reduceRanges, reduceRangesWithOutAwoken, tHP, tHPNoAwoken, attr)
{
const table = document.createElement("table");
@ -4246,29 +4265,6 @@ function initialize() {
}
return table;
}
if (reduceAttrRanges.some(r=>r != reduceAttrRanges[0])) //有指定属性减伤
{
for (let ri=0;ri<reduceAttrRanges.length;ri++) {
fragment.appendChild(insertHpRangeTable(reduceAttrRanges[ri], reduceAttrRangesWithOutAwoken[ri], tHP, tHPNoAwoken, ri));
}
}
else //只有阶梯盾
{
fragment.appendChild(insertHpRangeTable(reduceAttrRanges[0], reduceAttrRangesWithOutAwoken[0], tHP, tHPNoAwoken, 31));
}
dialogContent.innerHTML = "";
dialogContent.appendChild(fragment);
}
//初始化Dialog
dialogInitialing(hpDetailDialog);
const reduceDetailsBars = Array.from(formationBox.querySelectorAll(".tIf-total-hp .reduce-details"));
reduceDetailsBars.forEach(bar => {
bar.onclick = function(){
hpDetailDialog.show(this.reduceAttrRangesWithShieldAwoken, this.reduceAttrRanges, this.tHP, this.tHPNoAwoken);
};
});
//设置地下城倍率
const dungeonEnchanceDialog = document.getElementById("dialog-dungeon-enchance");
@ -4396,7 +4392,7 @@ function initialize() {
}
};
//以字符串搜索窗口
const stringSearchDialog = settingBox.querySelector(".dialog-search-string");
const stringSearchDialog = document.getElementById("dialog-search-string");
function searchByString(str)
{ // 考虑了一下onlyInTag被废弃了因为和游戏内搜索不符
str = str.trim();
@ -4436,12 +4432,12 @@ function initialize() {
}
//input.blur(); //取消焦点
}
stringSearchDialog.initialing = function(originalStrArr = [], additionalStrArr = [])
{
stringSearchDialog.initialing = function(originalStrArr = [], additionalStrArr = []) {
const stringSearchContent = this.querySelector(".dialog-content");
const fragment = document.createDocumentFragment();
if (originalStrArr.length > 0 && originalStrArr[0].length > 0)
{
originalStrArr = originalStrArr.map(Boolean)
additionalStrArr = additionalStrArr.map(Boolean)
if (originalStrArr.length) {
const ul_original = document.createElement("ul");
ul_original.className = "original-string";
originalStrArr.forEach(str=>{
@ -4459,8 +4455,7 @@ function initialize() {
});
fragment.appendChild(ul_original);
}
if (additionalStrArr.length > 0 && additionalStrArr[0].length > 0)
{
if (additionalStrArr.length) {
const ul_additional = document.createElement("ul");
ul_additional.className = "additional-string";
additionalStrArr.forEach(str=>{
@ -4478,10 +4473,6 @@ function initialize() {
stringSearchContent.innerHTML = "";
stringSearchContent.appendChild(fragment);
}
stringSearchDialog.close = function()
{
this.classList.add(className_displayNone);
}
function dialogShowFunction(...arg){
this?.initialing(...arg); //自身初始化
@ -4499,8 +4490,6 @@ function initialize() {
const closeButton = dialog.querySelector(".dialog-close");
closeButton.onclick = dialogCloseButtonFunction;
}
//初始化Dialog
dialogInitialing(stringSearchDialog);
const mAltName = monInfoBox.querySelector(".monster-altName");
mAltName.onclick = function() { //搜索合作
@ -4508,7 +4497,8 @@ function initialize() {
const card = Cards[editBox.mid];
if (card)
{
stringSearchDialog.show(card.altName, card.otTags);
stringSearchDialog.initialing(card.altName, card.otTags);
stringSearchDialog.show();
}
};
//创建一个新的怪物头像
@ -5018,18 +5008,17 @@ function initialize() {
locationURL.searchParams.set('search-options', optionJSON);
const idArr = searchMonList.originalHeads?.map(head=>head.card.id) ?? [];
locationURL.searchParams.set('show-search', JSON.stringify(idArr));
showAnyStringDialog.show(locationURL.toString());
showAnyStringDialog.showString(locationURL.toString(), true);
}
const showAnyStringDialog = settingBox.querySelector(".dialog-show-any-string");
showAnyStringDialog.initialing = function(str) {
const ipt = this.querySelector(".string-value");
ipt.value = str;
const showAnyStringDialog = document.getElementById("dialog-show-any-string");
const showAnyStringDialogText = showAnyStringDialog.querySelector(".string-value");
showAnyStringDialog.showString = function(str, modal = false) {
showAnyStringDialogText.value = str;
modal ? this.showModal() : this.show();
}
showAnyStringDialog.querySelector('.string-copy').onclick = function(){
copyString(showAnyStringDialog.querySelector(".string-value"));
copyString(showAnyStringDialogText);
}
//初始化Dialog
dialogInitialing(showAnyStringDialog);
function returnCheckedInput(ipt) {
return ipt.checked;
@ -6548,7 +6537,7 @@ function refreshAll(formationData) {
const teamBox = teamBigBox.querySelector(".team-box");
const teamData = formationData.teams[teamNum];
const badgeBox = teamBigBox.querySelector(".team-badge");
badgeBox.setAttribute("data-badge-icon", teamData[2] ?? 0);
if (badgeBox) badgeBox.setAttribute("data-badge-icon", teamData[2] ?? 0);
const membersDom = teamBox.querySelector(".team-members");
const latentsDom = teamBox.querySelector(".team-latents");
@ -7292,11 +7281,11 @@ function refreshTeamTotalHP(totalDom, team, teamIdx) {
const teams = formation.teams;
const [teamsA=[], teamsB=[], teamsC=[]] = teams;
const [teamsA_members, teamsA_assists, teamsA_badge] = teamsA;
const [teamsB_members, teamsB_assists, teamsB_badge] = teamsB;
const [teamsA_members, teamsA_assists, teamsA_badge, swapIdA] = teamsA;
const [teamsB_members, teamsB_assists, teamsB_badge, swapIdB] = teamsB;
const leader1id = members[swapId || 0].id;
const leader2id = teamsCount===2 ? (teamIdx === 1 ? teamsA_members[teamsA_badge || 0].id : teamsB_members[teamsB_badge || 0].id) : members[5].id;
const leader2id = teamsCount===2 ? (teamIdx === 1 ? teamsA_members[swapIdA || 0].id : teamsB_members[swapIdB || 0].id) : members[5].id;
//计算当前队伍2P时则是需要特殊处理
const team_2p = teamsCount===2 ? members.concat((teamIdx === 1 ? teamsA_members[0] : teamsB_members[0])) : members;
@ -7492,8 +7481,8 @@ function refreshFormationTotalHP(totalDom, teams) {
const tEffectDom = totalDom.querySelector(".tIf-effect");
const [teamsA=[], teamsB=[], teamsC=[]] = teams;
const [teamsA_members,,teamsA_badge] = teamsA;
const [teamsB_members,,teamsB_badge] = teamsB;
const [teamsA_members,,,teamsA_badge] = teamsA;
const [teamsB_members,,,teamsB_badge] = teamsB;
//因为目前仅用于2P所以直接在外面固定写了
const leader1id = teamsA_members[teamsA_badge || 0].id;

View File

@ -543,11 +543,14 @@ const teamsCount = 1;
</ul>
<div class="detail-box"><textarea class="detail-code" placeholder="输入说明"></textarea><div class="detail-display rich-text" contenteditable="true"></div></div>
<div class="dialog dialog-hp-detail display-none">
<dialog id="dialog-hp-detail" class="dialog">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
<div class="dialog-content"></div>
</dialog>
</div>
<div id="rich-text-tools">
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
@ -1155,18 +1158,13 @@ const teamsCount = 1;
</div>
</div>
</div>
<div class="dialog dialog-show-any-string display-none">
<div class="dialog-title"></div>
<div class="dialog-content">
<input type="text" class="string-value" readonly /><button class="string-copy"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="dialog dialog-search-string display-none">
<dialog class="dialog" id="dialog-search-string">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
</dialog>
<div class="mask mask-evolutionary-tree display-none">
<button class="mask-close brown-button"></button>
<div class="mask-content"></div>
@ -1449,10 +1447,20 @@ const teamsCount = 1;
<ul class="team-badges">
</ul>
<div class="dialog-control">
<button class="dialog-close brown-button" value="cancel"></button>
<button class="dialog-close brown-button" formmethod="dialog" value="cancel"></button>
<button class="dialog-confirm brown-button" type="submit" value="submit"></button>
</div>
</form>
</dialog>
<dialog class="dialog" id="dialog-show-any-string">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content">
<input type="text" class="string-value" readonly /><button class="string-copy" type="button"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
</dialog>
</body>
</html>

View File

@ -340,8 +340,7 @@ ul{
}
/*弹出窗口相关*/
.dialog
{
.dialog {
color: white;
padding: 5px;
font-family: var(--game-font-family);
@ -352,11 +351,14 @@ ul{
box-shadow: black 2px 0px 1px,black 0px 2px 1px,black -2px 0px 1px,black 0px -2px 1px;
border: 2px ridge #D1D398;
border-radius: 6px;
backdrop-filter: blur(3px);
}
.dialog {
background-color: unset;
}
/*模态框背景*/
.dialog::backdrop {
background-color: rgba(0,0,0,0.8);
backdrop-filter: blur(3px);
}
.dialog .dialog-title
{
@ -406,7 +408,7 @@ ul{
transform: scale(1.1);
}
/*
.dialog-search-string .dialog-title::before
#dialog-search-string .dialog-title::before
{
content: "以字符串搜索";
}
@ -415,14 +417,14 @@ ul{
content: "关闭";
}
*/
.dialog-show-any-string {
width: 400px;
top: 100px;
position: fixed;
#dialog-show-any-string {
width: 100%;
}
.dialog-search-string
#dialog-search-string
{
width: 260px;
top: 100px;
z-index: 2;
}
.dialog .string-copy,
.dialog .string-search
@ -450,7 +452,7 @@ ul{
box-sizing: border-box;
width: calc(100% - 50px * 1);
}
.dialog-search-string .original-string .string-value
#dialog-search-string .original-string .string-value
{
width: calc(100% - 50px * 2);
}
@ -1005,10 +1007,10 @@ label.badge {
{
box-shadow: red 0 0 3px;
}
.dialog-hp-detail
{
margin-left: calc(50% - 200px);
margin-top: 100px;
#dialog-hp-detail {
top: 10px;
z-index: 2;
}
.hp-range-table
{

View File

@ -87,8 +87,7 @@ const teamsCount = 3;
<div class="dungeon-enchance"></div>
<ul class="teams">
<li class="team-bigbox team-1 show-team-name-right">
<div class="team-total-info">
<div class="tIf-addition-info">
<div class="team-total-info-count">
<ul class="tIf-rarity">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
@ -114,6 +113,8 @@ const teamsCount = 3;
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</ul>
</div>
<div class="team-total-info">
<button class="badge team-badge" data-badge-icon="1"></button>
<div class="tIf-total-hp">
<span class="general"></span>
<span class="awoken-bind"></span>
@ -124,6 +125,7 @@ const teamsCount = 3;
<canvas height="20" width="50" class="reduce-details display-none"></canvas>
</span>
</div>
<div class="tIf-effect">
<div class="tIf-total-skill-boost">
<span class="general"></span>
</div>
@ -131,7 +133,6 @@ const teamsCount = 3;
<span class="general"></span>
<span class="awoken-bind"></span>
</div>
<div class="tIf-effect">
<icon class="icon-skill display-none" data-icon-type="board-size-change"></icon>
<icon class="icon-skill display-none" data-icon-type="no-skyfall"></icon>
<icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon>
@ -552,34 +553,7 @@ const teamsCount = 3;
</div>
</li>
<li class="team-bigbox team-2 show-team-name-right">
<ul class="team-badge">
<li><input type="radio" name="team-2-badge" class="badge-radio" value="1" id="team-2-badge-1" checked><label class="badge" data-badge-icon="1" for="team-2-badge-1"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="129" id="team-2-badge-129"><label class="badge" data-badge-icon="129" for="team-2-badge-129"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="22" id="team-2-badge-22"><label class="badge" data-badge-icon="22" for="team-2-badge-22"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="23" id="team-2-badge-23"><label class="badge" data-badge-icon="23" for="team-2-badge-23"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="2" id="team-2-badge-2"><label class="badge" data-badge-icon="2" for="team-2-badge-2"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="3" id="team-2-badge-3"><label class="badge" data-badge-icon="3" for="team-2-badge-3"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="4" id="team-2-badge-4"><label class="badge" data-badge-icon="4" for="team-2-badge-4"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="5" id="team-2-badge-5"><label class="badge" data-badge-icon="5" for="team-2-badge-5"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="6" id="team-2-badge-6"><label class="badge" data-badge-icon="6" for="team-2-badge-6"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="7" id="team-2-badge-7"><label class="badge" data-badge-icon="7" for="team-2-badge-7"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="8" id="team-2-badge-8"><label class="badge" data-badge-icon="8" for="team-2-badge-8"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="9" id="team-2-badge-9"><label class="badge" data-badge-icon="9" for="team-2-badge-9"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="11" id="team-2-badge-11"><label class="badge" data-badge-icon="11" for="team-2-badge-11"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="17" id="team-2-badge-17"><label class="badge" data-badge-icon="17" for="team-2-badge-17"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="18" id="team-2-badge-18"><label class="badge" data-badge-icon="18" for="team-2-badge-18"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="19" id="team-2-badge-19"><label class="badge" data-badge-icon="19" for="team-2-badge-19"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="20" id="team-2-badge-20"><label class="badge" data-badge-icon="20" for="team-2-badge-20"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="21" id="team-2-badge-21"><label class="badge" data-badge-icon="21" for="team-2-badge-21"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="10" id="team-2-badge-10"><label class="badge" data-badge-icon="10" for="team-2-badge-10"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="12" id="team-2-badge-12"><label class="badge" data-badge-icon="12" for="team-2-badge-12"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="13" id="team-2-badge-13"><label class="badge" data-badge-icon="13" for="team-2-badge-13"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="14" id="team-2-badge-14"><label class="badge" data-badge-icon="14" for="team-2-badge-14"></label></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="24" id="team-2-badge-24"><label class="badge" data-badge-icon="24" for="team-2-badge-24"></label></li>
<li><input type="radio" name="team-2-badge" lass="badge-radio" value="25" id="team-2-badge-25"><label class="badge" data-badge-icon="25" for="team-2-badge-25"></label></li>
</ul>
<div class="team-total-info">
<div class="tIf-addition-info">
<div class="team-total-info-count">
<ul class="tIf-rarity">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
@ -605,6 +579,8 @@ const teamsCount = 3;
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</ul>
</div>
<div class="team-total-info">
<button class="badge team-badge" data-badge-icon="1"></button>
<div class="tIf-total-hp">
<span class="general"></span>
<span class="awoken-bind"></span>
@ -615,6 +591,7 @@ const teamsCount = 3;
<canvas height="20" width="50" class="reduce-details display-none"></canvas>
</span>
</div>
<div class="tIf-effect">
<div class="tIf-total-skill-boost">
<span class="general"></span>
</div>
@ -622,7 +599,6 @@ const teamsCount = 3;
<span class="general"></span>
<span class="awoken-bind"></span>
</div>
<div class="tIf-effect">
<icon class="icon-skill display-none" data-icon-type="board-size-change"></icon>
<icon class="icon-skill display-none" data-icon-type="no-skyfall"></icon>
<icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon>
@ -1043,34 +1019,7 @@ const teamsCount = 3;
</div>
</li>
<li class="team-bigbox team-3 show-team-name-right">
<ul class="team-badge">
<li><input type="radio" name="team-3-badge" class="badge-radio" value="1" id="team-3-badge-1" checked><label class="badge" data-badge-icon="1" for="team-3-badge-1"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="129" id="team-3-badge-129"><label class="badge" data-badge-icon="129" for="team-3-badge-129"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="22" id="team-3-badge-22"><label class="badge" data-badge-icon="22" for="team-3-badge-22"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="23" id="team-3-badge-23"><label class="badge" data-badge-icon="23" for="team-3-badge-23"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="2" id="team-3-badge-2"><label class="badge" data-badge-icon="2" for="team-3-badge-2"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="3" id="team-3-badge-3"><label class="badge" data-badge-icon="3" for="team-3-badge-3"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="4" id="team-3-badge-4"><label class="badge" data-badge-icon="4" for="team-3-badge-4"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="5" id="team-3-badge-5"><label class="badge" data-badge-icon="5" for="team-3-badge-5"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="6" id="team-3-badge-6"><label class="badge" data-badge-icon="6" for="team-3-badge-6"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="7" id="team-3-badge-7"><label class="badge" data-badge-icon="7" for="team-3-badge-7"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="8" id="team-3-badge-8"><label class="badge" data-badge-icon="8" for="team-3-badge-8"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="9" id="team-3-badge-9"><label class="badge" data-badge-icon="9" for="team-3-badge-9"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="11" id="team-3-badge-11"><label class="badge" data-badge-icon="11" for="team-3-badge-11"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="17" id="team-3-badge-17"><label class="badge" data-badge-icon="17" for="team-3-badge-17"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="18" id="team-3-badge-18"><label class="badge" data-badge-icon="18" for="team-3-badge-18"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="19" id="team-3-badge-19"><label class="badge" data-badge-icon="19" for="team-3-badge-19"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="20" id="team-3-badge-20"><label class="badge" data-badge-icon="20" for="team-3-badge-20"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="21" id="team-3-badge-21"><label class="badge" data-badge-icon="21" for="team-3-badge-21"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="10" id="team-3-badge-10"><label class="badge" data-badge-icon="10" for="team-3-badge-10"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="12" id="team-3-badge-12"><label class="badge" data-badge-icon="12" for="team-3-badge-12"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="13" id="team-3-badge-13"><label class="badge" data-badge-icon="13" for="team-3-badge-13"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="14" id="team-3-badge-14"><label class="badge" data-badge-icon="14" for="team-3-badge-14"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="24" id="team-3-badge-24"><label class="badge" data-badge-icon="24" for="team-3-badge-24"></label></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="25" id="team-3-badge-25"><label class="badge" data-badge-icon="25" for="team-3-badge-25"></label></li>
</ul>
<div class="team-total-info">
<div class="tIf-addition-info">
<div class="team-total-info-count">
<ul class="tIf-rarity">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
@ -1096,6 +1045,8 @@ const teamsCount = 3;
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</ul>
</div>
<div class="team-total-info">
<button class="badge team-badge" data-badge-icon="1"></button>
<div class="tIf-total-hp">
<span class="general"></span>
<span class="awoken-bind"></span>
@ -1106,6 +1057,7 @@ const teamsCount = 3;
<canvas height="20" width="50" class="reduce-details display-none"></canvas>
</span>
</div>
<div class="tIf-effect">
<div class="tIf-total-skill-boost">
<span class="general"></span>
</div>
@ -1113,7 +1065,6 @@ const teamsCount = 3;
<span class="general"></span>
<span class="awoken-bind"></span>
</div>
<div class="tIf-effect">
<icon class="icon-skill display-none" data-icon-type="board-size-change"></icon>
<icon class="icon-skill display-none" data-icon-type="no-skyfall"></icon>
<icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon>
@ -1536,11 +1487,14 @@ const teamsCount = 3;
</ul>
<div class="detail-box"><textarea class="detail-code" placeholder="输入说明"></textarea><div class="detail-display rich-text" contenteditable="true"></div></div>
<div class="dialog dialog-hp-detail display-none">
<dialog id="dialog-hp-detail" class="dialog">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
<div class="dialog-content"></div>
</dialog>
</div>
<div id="rich-text-tools">
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
@ -2148,18 +2102,13 @@ const teamsCount = 3;
</div>
</div>
</div>
<div class="dialog dialog-show-any-string display-none">
<div class="dialog-title"></div>
<div class="dialog-content">
<input type="text" class="string-value" readonly /><button class="string-copy"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="dialog dialog-search-string display-none">
<dialog class="dialog" id="dialog-search-string">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
</dialog>
<div class="mask mask-evolutionary-tree display-none">
<button class="mask-close brown-button"></button>
<div class="mask-content"></div>
@ -2242,9 +2191,10 @@ const teamsCount = 3;
<a id="external-support" class="brown-button fa" href="doc/index.html#data-exchange-with-paddb"></a>
</div>
<div class="dialog dialog-dungeon-enchance display-none">
<dialog id="dialog-dungeon-enchance" class="dialog">
<div class="dialog-title"></div>
<div class="dialog-content">
<form method="dialog" class="dialog-content">
<ul class="rare-list">
<li><input type="checkbox" class="rare-check" name="dungeon-rare" value="1" id="dungeon-rare-1" /><label class="rare-icon" data-rare-icon="1" for="dungeon-rare-1"></label></li>
<li><input type="checkbox" class="rare-check" name="dungeon-rare" value="2" id="dungeon-rare-2" /><label class="rare-icon" data-rare-icon="2" for="dungeon-rare-2"></label></li>
@ -2290,17 +2240,21 @@ const teamsCount = 3;
<li><label for="dungeon-rcv"></label><input id="dungeon-rcv" type="number" min=0 step=1 value=1 /></li>
</ul>
<ul class="benefit-list"><!--阴阳加护-->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="0" id="dungeon-benefit-0" /><label class="awoken-icon" data-awoken-icon="0" for="dungeon-benefit-0"></label></li><!---->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="0" id="dungeon-benefit-0" checked /><label class="awoken-icon" data-awoken-icon="0" for="dungeon-benefit-0"></label></li><!---->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="1" id="dungeon-benefit-1" /><label class="awoken-icon" data-awoken-icon="128" for="dungeon-benefit-1"></label></li><!---->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="2" id="dungeon-benefit-2" /><label class="awoken-icon" data-awoken-icon="129" for="dungeon-benefit-2"></label></li><!---->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="3" id="dungeon-benefit-3" /><label class="awoken-icon yinyang" data-awoken-icon="128" for="dungeon-benefit-3"></label></li><!--阴阳-->
</ul>
<ul class="current-stage-list"><!--当前层数-->
<li><label for="current-stage"></label><input id="current-stage" type="number" min="1" step="1" /></li>
<li><label for="current-stage"></label><input id="current-stage" type="number" min=1 step=1 /></li>
</ul>
<div class="dialog-control">
<button class="dialog-clear brown-button" type="reset"></button>
<button class="dialog-close brown-button" value="cancel"></button>
<button class="dialog-confirm brown-button" type="submit"></button>
</div>
<div class="dialog-control"><button class="dialog-clear brown-button"></button><button class="dialog-close brown-button"></button><button class="dialog-confirm brown-button"></button></div>
</div>
</form>
</dialog>
<div id="player-data-frame" class="mask display-none">
<div class="player-box-title fa"><!--玩家数据子--></div>
@ -2434,9 +2388,22 @@ const teamsCount = 3;
<dialog id="badge-choose" class="dialog">
<form method="dialog">
<ul class="team-badge">
<ul class="team-badges">
</ul>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel"></button></div>
<div class="dialog-control">
<button class="dialog-close brown-button" formmethod="dialog" value="cancel"></button>
<button class="dialog-confirm brown-button" type="submit" value="submit"></button>
</div>
</form>
</dialog>
<dialog class="dialog" id="dialog-show-any-string">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content">
<input type="text" class="string-value" readonly /><button class="string-copy" type="button"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
</dialog>
</body>