更新页面效果

vite-tailwindcss/src/views/admin/AdminEditor.vue

@@ -96,7 +96,7 @@
                 </a-radio-group>
                 <div class="text-[11px] text-[#8A8680] mt-1">整页模式会带来更有仪式感的逐屏切换效果。</div>
               </a-form-item>
-              <div class="grid grid-cols-1 md:grid-cols-2 gap-x-6">
+              <div class="grid grid-cols-1 md:grid-cols-3 gap-x-6">
                 <a-form-item label="自由滚动速度（滚动间隔）">
                   <div class="flex gap-3 items-center">
                     <a-slider v-model:value="cfg.freeScrollInterval" :min="10" :max="500" class="flex-1" />
@@ -111,6 +111,13 @@
                   </div>
                   <div class="text-[11px] text-[#8A8680] mt-1">整页/分屏模式下自动翻页的动画时长，默认 800ms。</div>
                 </a-form-item>
+                <a-form-item label="首屏停留时间">
+                  <div class="flex gap-3 items-center">
+                    <a-slider v-model:value="cfg.firstScreenDuration" :min="0" :max="12000" :step="100" class="flex-1" />
+                    <a-input-number v-model:value="cfg.firstScreenDuration" :min="0" :max="12000" :step="100" addon-after="ms" class="w-[120px]" />
+                  </div>
+                  <div class="text-[11px] text-[#8A8680] mt-1">首屏效果结束后等待多久开始自动滚动，默认 4500ms。</div>
+                </a-form-item>
               </div>
               <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                 <a-form-item label="飘落花瓣">
@@ -397,7 +404,7 @@ function defaultConfig() {
     musicList: [{ url: 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3', name: '背景音乐 1' }],
     activeMusicUrl: 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3',
     scrollMode: 'snap', petalEnabled: true, bubbleEnabled: true, introEnabled: true,
-    freeScrollInterval: 50, pageSwitchDuration: 800,
+    freeScrollInterval: 50, pageSwitchDuration: 800, firstScreenDuration: 4500,
     photoPages: [
       { type: 'single', title: '初遇', subtitle: 'FIRST MET', desc: '世界那么大，还是遇见了你。\n于千万人之中，没有早一步也没有晚一步。', img1: 'https://images.unsplash.com/photo-1606800052052-a08af7148866?auto=format&fit=crop&w=600&q=80', height: '100vh', borderStyle: 'mat' },
       { type: 'overlap', title: '相知', subtitle: 'FALL IN LOVE', desc: '纵然万劫不复，纵然相思入骨。\n我也待你眉眼如初，岁月如故。', img1: 'https://images.unsplash.com/photo-1532712938310-34cb3982ef74?auto=format&fit=crop&w=600&q=80', img2: 'https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=600&q=80', height: '100vh', borderStyle: 'mat' },
@@ -662,6 +669,7 @@ onMounted(async () => {
       // 数值型参数兜底（兼容旧配置）
       cfg.freeScrollInterval = Number(cfg.freeScrollInterval) || 50
       cfg.pageSwitchDuration = Number(cfg.pageSwitchDuration) || 800
+      cfg.firstScreenDuration = Number.isFinite(Number(cfg.firstScreenDuration)) ? Number(cfg.firstScreenDuration) : 4500
     }
   } catch (e) { /* 使用默认配置 */ }
   if (adminStore.isAdmin) {