微件:ExpCalculator：修订间差异
舰R百科，玩家自由编辑的战舰少女R百科
更多操作
无编辑摘要 |
无编辑摘要 |
||
| （未显示同一用户的9个中间版本） | |||
| 第11行： | 第11行： | ||
/* 标题与输入布局 */ | /* 标题与输入布局 */ | ||
.calc-title { font-size: 1. | .calc-title { font-size: 1.25rem; font-weight: bold; margin-bottom: 20px; text-align: center; color: #cf3b51; } | ||
.input-group { margin-bottom: 18px; } | .input-group { margin-bottom: 18px; } | ||
.label-wrapper { display: flex; justify-content: space-between; align-items: flex-end | .label-wrapper { display: flex; justify-content: space-between; align-items: flex-end; padding: 0 2px; } | ||
.group-label { display: block; font-size: 13px; font-weight: 600; color: #636e72; margin-bottom: 8px; padding-left: 2px; } | .group-label { display: block; font-size: 13px; font-weight: 600; color: #636e72; margin-bottom: 8px; padding-left: 2px; } | ||
.custom-link { font-size: | .custom-link { font-size: 13px; color: #5c7cfa; margin-bottom: 8px; cursor: pointer; text-decoration: underline; } | ||
.input-row { display: flex; gap: 10px; margin-bottom: 15px; } | .input-row { display: flex; gap: 10px; margin-bottom: 15px; } | ||
| 第102行： | 第102行： | ||
select.style.display = 'none'; | select.style.display = 'none'; | ||
input.style.display = 'block'; | input.style.display = 'block'; | ||
label.innerText = ' | label.innerText = '自定义经验'; | ||
link.innerText = '返回选择关卡'; | link.innerText = '返回选择关卡'; | ||
} else { | } else { | ||
select.style.display = 'block'; | select.style.display = 'block'; | ||
input.style.display = 'none'; | input.style.display = 'none'; | ||
label.innerText = ' | label.innerText = '出征关卡'; | ||
link.innerText = '自定义经验'; | link.innerText = '自定义经验'; | ||
} | |||
} | |||
function toggleSection(header) { | function toggleSection(header) { | ||
| 第136行： | 第138行： | ||
}); | }); | ||
const finalExpPerRun = baseExp * multi; | const finalExpPerRun = Math.floor(baseExp * multi); | ||
const startTotalExp = expTable[startLvl - 1] || 0; | const startTotalExp = expTable[startLvl - 1] || 0; | ||
| 第174行： | 第176行： | ||
<div class="calc-container"> | <div class="calc-container"> | ||
<div class="calc-title"> | <div class="calc-title">舰R百科出征经验计算器</div> | ||
<!-- 等级输入 --> | <!-- 等级输入 --> | ||
| 第184行： | 第186行： | ||
<div class="input-group" style="flex:1;"> | <div class="input-group" style="flex:1;"> | ||
<label class="group-label">目标等级（可选）</label> | <label class="group-label">目标等级（可选）</label> | ||
<input type="number" id="targetLvl" class="calc-input" placeholder=" | <input type="number" id="targetLvl" class="calc-input" placeholder="110" min="1" max="110" value="110"> | ||
</div> | </div> | ||
</div> | </div> | ||
| 第196行： | 第198行： | ||
<div class="input-group" style="flex:1;"> | <div class="input-group" style="flex:1;"> | ||
<div class="label-wrapper"> | <div class="label-wrapper"> | ||
<span class="group-label" id="expLabelName"> | <span class="group-label" id="expLabelName">出征关卡</span> | ||
<span class="custom-link" id="toggleExpType" onclick="toggleExpMode()">自定义经验</span> | <span class="custom-link" id="toggleExpType" onclick="toggleExpMode()">自定义经验</span> | ||
</div> | </div> | ||
| 第249行： | 第251行： | ||
</div> | </div> | ||
<div class="collapsible-section"> | <div class="collapsible-section active"> | ||
<div class="collapsible-header" onclick="toggleSection(this)"> | <div class="collapsible-header" onclick="toggleSection(this)"> | ||
<span> | <span>战果评价（单选）</span> | ||
<div class="arrow-icon"></div> | <div class="arrow-icon"></div> | ||
</div> | </div> | ||
<div class="collapsible-content"> | <div class="collapsible-content" style="display: block;"> | ||
<div class="tag-grid"> | <div class="tag-grid"> | ||
<input type="radio" name="g1" id="g1_1" class="tag-item" value="1.2" checked> | <input type="radio" name="g1" id="g1_1" class="tag-item" value="1.2" checked> | ||