pengyuthon/game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

金币编辑器优化 #22

Merged
Ghost merged 1 commits from why_ga into main 2026-09-03 16:39:38 +08:00
Conversation 0 Commits 1 Files Changed 1
+52 -26
1 changed files with 52 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
world.html
+52 -26
View File
@@ -49,34 +49,58 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
/* 测试阶段金币编辑器（世界名称右侧） */
#topBar .goldEditor {
display: none;
align-items: center; gap: 6px;
padding: 4px 10px; border-radius: 8px;
background: rgba(10,14,23,.75);
border: 1.5px solid rgba(255,193,7,.45);
box-shadow: 0 0 12px rgba(255,193,7,.15);
font-size: 13px; color: #ffe082;
align-items: center; gap: 8px;
padding: 5px 12px; border-radius: 12px;
background: rgba(26,20,10,.88);
border: 1.5px solid rgba(255,193,7,.55);
box-shadow: 0 0 18px rgba(255,193,7,.18), inset 0 1px 0 rgba(255,255,255,.06);
font-size: 13px; color: #ffd54f;
white-space: nowrap;
backdrop-filter: blur(6px);
/* 解除父容器 .title 的 -webkit-text-fill-color: transparent 继承，否则子元素文字/emoji 全透明 */
-webkit-text-fill-color: initial;
}
#topBar .goldEditor * { -webkit-text-fill-color: initial; }
#topBar .goldEditor .ge-label {
display: inline-flex; align-items: center; gap: 4px;
font-weight: 800; color: #ffecb3; font-size: 12px;
padding-right: 6px; border-right: 1px solid rgba(255,215,0,.25);
}
#topBar .goldEditor .ge-label .ge-icon { font-size: 15px; }
#topBar .goldEditor .ge-current {
font-weight: 800; font-size: 15px; color: #ffd700;
min-width: 44px; text-align: right;
text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
#topBar .goldEditor .ge-controls {
display: inline-flex; align-items: center; gap: 3px;
background: rgba(0,0,0,.35); border-radius: 8px; padding: 2px;
border: 1px solid rgba(255,193,7,.25);
}
#topBar .goldEditor .ge-current { font-weight: 700; min-width: 36px; text-align: right; }
#topBar .goldEditor .ge-input {
width: 64px; height: 24px; padding: 0 6px;
background: rgba(0,0,0,.35); border: 1px solid rgba(255,193,7,.4);
border-radius: 5px; color: #ffe082; font-size: 12px; font-weight: 600;
outline: none; text-align: center;
width: 64px; height: 26px; padding: 0 4px;
background: transparent; border: none; border-radius: 6px;
color: #fff; font-size: 13px; font-weight: 700;
text-align: center; outline: none;
}
#topBar .goldEditor .ge-input:focus { border-color: rgba(255,193,7,.8); }
#topBar .goldEditor .ge-input::placeholder { color: rgba(255,255,255,.35); font-size: 11px; }
#topBar .goldEditor .ge-input:focus { background: rgba(255,193,7,.12); }
#topBar .goldEditor .ge-btn {
width: 24px; height: 24px; border-radius: 5px; border: none;
font-size: 15px; font-weight: 700; line-height: 1; cursor: pointer;
width: 26px; height: 26px; border-radius: 6px; border: none;
font-size: 16px; font-weight: 700; line-height: 1; cursor: pointer;
display: inline-flex; align-items: center; justify-content: center;
transition: transform .12s, filter .12s;
transition: transform .12s, filter .12s, background .15s;
}
#topBar .goldEditor .ge-btn:active { transform: scale(0.92); }
#topBar .goldEditor .ge-plus { background: rgba(76,175,80,.25); color: #81c784; }
#topBar .goldEditor .ge-plus:hover { background: rgba(76,175,80,.4); }
#topBar .goldEditor .ge-minus { background: rgba(239,83,80,.25); color: #ef5350; }
#topBar .goldEditor .ge-minus:hover { background: rgba(239,83,80,.4); }
#topBar .goldEditor .ge-hint { font-size: 10px; color: #b0a070; }
#topBar .goldEditor .ge-plus { background: rgba(76,175,80,.35); color: #a5d6a7; }
#topBar .goldEditor .ge-plus:hover { background: rgba(76,175,80,.6); color: #fff; }
#topBar .goldEditor .ge-minus { background: rgba(239,83,80,.35); color: #ef9a9a; }
#topBar .goldEditor .ge-minus:hover { background: rgba(239,83,80,.6); color: #fff; }
#topBar .goldEditor .ge-hint {
font-size: 10px; color: #b0a070; padding: 2px 7px;
background: rgba(0,0,0,.35); border-radius: 999px;
border: 1px solid rgba(255,215,0,.15);
}
.worldName-input {
background: transparent; border: 1px solid rgba(124,199,255,.6); color: #cfe1f3;
font-size: 15px; font-weight: 600; padding: 2px 6px; border-radius: 5px; width: 180px;
@@ -898,13 +922,15 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
<span class="brand">宇森</span>
<span class="worldNameWrap">
<span class="worldName editable" id="worldName" title="点击编辑世界名称">加载中…</span>
<span class="goldEditor" id="goldEditor" title="测试专用：调整角色金币">
<span>🪙</span>
<span class="goldEditor" id="goldEditor" title="测试阶段工具：调整角色金币">
<span class="ge-label"><span class="ge-icon">🪙</span> 金币</span>
<span class="ge-current" id="goldCurrent">0</span>
<input type="number" class="ge-input" id="goldInput" value="1000" min="1" step="1">
<button class="ge-btn ge-plus" id="goldPlus" type="button">+</button>
<button class="ge-btn ge-minus" id="goldMinus" type="button">−</button>
<span class="ge-hint">测试</span>
<span class="ge-controls">
<button class="ge-btn ge-minus" id="goldMinus" type="button" title="减少">−</button>
<input type="number" class="ge-input" id="goldInput" value="1000" min="1" step="1" placeholder="数量" title="调整数量">
<button class="ge-btn ge-plus" id="goldPlus" type="button" title="增加">+</button>
</span>
<span class="ge-hint">测试工具</span>
</span>
</span>
</span>