显示修正

src/store/particleStore.ts

@@ -217,6 +217,7 @@ export const useParticleStore = defineStore('particle', {
   }),
   getters: {
     activeSystemCount: (s) => s.systems.length,
+    contentEndFrame: (s) => timelineContentEndFrame(s.systems, s.spines, s.colliders, s.timeline.fps),
     playbackRange: (s) => {
       const range = resolvePlaybackRange(
         s.timeline.abLoop,

src/views/Timeline.vue

@@ -21,7 +21,9 @@
           <label class="tl-range" :title="$t('timeline.playbackEnd')"><span>B</span><input v-model="playbackEndDraft" type="number" :min="store.timeline.playbackStart + 1" :max="Math.max(1, store.timeline.totalFrames - 1)" :aria-label="$t('timeline.endFrame')" @change="commitPlaybackEnd" @keydown.enter.prevent="commitPlaybackEnd" /></label>
         </div>
       </div>
-      <span class="tl-frame">{{ $t('timeline.frameStatus', { current: store.timeline.frame, total: Math.max(0, store.timeline.totalFrames - 1) }) }}</span>
+      <span class="tl-frame">
+        {{ $t('timeline.frameStatus', { current: store.timeline.frame, total: store.contentEndFrame }) }}{{ trailingBlankFrames ? ` / ${trailingBlankFrames}` : '' }}
+      </span>
       <span class="tl-legend"><i class="legend-emission"></i>{{ $t('timeline.emission') }} <i class="legend-life"></i>{{ $t('timeline.particleLife') }} <i class="legend-spine"></i>{{ $t('timeline.spineAnimation') }}</span>
       <div ref="animationMenuRef" class="tl-anim tl-owner-animation">
         <span>{{ $t('timeline.ownerAnimation') }}</span>
@@ -243,6 +245,7 @@ watch(() => store.playbackRange.end, (end) => {
 }, { immediate: true })
 
 const totalFrames = computed(() => store.timeline.totalFrames)
+const trailingBlankFrames = computed(() => Math.max(0, totalFrames.value - 1 - store.contentEndFrame))
 // 子发射器延长时间轴后自动扩大预览范围；用户手动放大后保持其缩放。
 watch(totalFrames, (value) => {
   if (value > viewFrames.value) viewFrames.value = Math.min(2000, value)