fix: 修复打砖块游戏碰撞穿透bug,添加渐进提速机制
This commit is contained in:
@@ -3,6 +3,11 @@
|
||||
|
||||
export let panel: HudSignalPanel;
|
||||
export let panelIndex = 0;
|
||||
export let locale: "zh-CN" | "en-US" = "zh-CN";
|
||||
|
||||
$: signalI18n = locale === "zh-CN"
|
||||
? { now: "当前", max: "最大", min: "最小", total: "合计" }
|
||||
: { now: "Now", max: "Max", min: "Min", total: "TOTAL" };
|
||||
|
||||
const viewportWidth = 100;
|
||||
const viewportHeight = 36;
|
||||
@@ -110,7 +115,7 @@
|
||||
|
||||
<div class="icon-layer" aria-hidden="true">
|
||||
{#each panel.icons as icon (icon.id)}
|
||||
<span class="icon-chip tone-{icon.tone}">{icon.label}</span>
|
||||
<span class="icon-chip tone-{icon.tone}">{icon.label === "TOTAL" ? signalI18n.total : icon.label}</span>
|
||||
{/each}
|
||||
</div>
|
||||
</header>
|
||||
@@ -136,17 +141,17 @@
|
||||
<footer class="panel-foot">
|
||||
<p class="foot-item">
|
||||
<span class="dot tone-cyan"></span>
|
||||
<span class="metric-label">Now</span>
|
||||
<span class="metric-label">{signalI18n.now}</span>
|
||||
<span class="value">{latestValue}</span>
|
||||
</p>
|
||||
<p class="foot-item">
|
||||
<span class="dot tone-lime"></span>
|
||||
<span class="metric-label">Max</span>
|
||||
<span class="metric-label">{signalI18n.max}</span>
|
||||
<span class="value">{maxValue}</span>
|
||||
</p>
|
||||
<p class="foot-item">
|
||||
<span class="dot tone-orange"></span>
|
||||
<span class="metric-label">Min</span>
|
||||
<span class="metric-label">{signalI18n.min}</span>
|
||||
<span class="value">{minValue}</span>
|
||||
</p>
|
||||
</footer>
|
||||
@@ -158,7 +163,7 @@
|
||||
--enter-ms: 1800ms;
|
||||
--fade-ms: 1000ms;
|
||||
overflow: hidden;
|
||||
inline-size: min(100%, clamp(16.8rem, 23vw, 22rem));
|
||||
inline-size: min(100%, clamp(19rem, 27vw, 26rem));
|
||||
aspect-ratio: 1.44 / 1;
|
||||
min-block-size: 11.8rem;
|
||||
justify-self: start;
|
||||
@@ -388,7 +393,7 @@
|
||||
|
||||
@media (max-width: 1180px) {
|
||||
.signal-panel {
|
||||
inline-size: min(100%, clamp(14rem, 30vw, 17rem));
|
||||
inline-size: min(100%, clamp(16rem, 32vw, 21rem));
|
||||
aspect-ratio: 1.5 / 1;
|
||||
min-block-size: 10.1rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user