chore: styles

src/App.vue

@@ -3,7 +3,7 @@
 // you can use this to manipulate the document head in any components,
 // they will be rendered correctly in the html results with vite-ssg
 useHead({
-  title: '季节内台风预报系统',
+  title: '季节内逐日台风概率预报',
   meta: [
     {
       name: 'description',

src/components/OptForm.vue

@@ -126,7 +126,7 @@ const isTargetDateDisabled = computed(() => {
       </div>
       <div class="grid grid-cols-2 gap-3">
         <div>
-          <Label for="temperature">发布日期</Label>
+          <Label for="temperature">初始日期</Label>
           <Popover>
             <PopoverTrigger as-child>
               <Button
@@ -151,7 +151,7 @@ const isTargetDateDisabled = computed(() => {
           </Popover>
         </div>
         <div>
-          <Label for="top-p">目标预报日期</Label>
+          <Label for="top-p">预报日期</Label>
           <Popover>
             <PopoverTrigger as-child>
               <Button

src/composables/dateOpt.ts

@@ -26,11 +26,12 @@ function _useOptions() {
       autoPlayer.pause()
     }
     if (options.castDayNo >= 29) {
-      autoPlayer.pause()
       setTargetDate(castBeginDate.value!.add({ days: 1 }))
     }
-    setTargetDate(castTargetDate.value!.add({ days: 1 }))
-    castTargetDate.value = castTargetDate.value?.add({ days: 1 })
+    else {
+      setTargetDate(castTargetDate.value!.add({ days: 1 }))
+      castTargetDate.value = castTargetDate.value?.add({ days: 1 })
+    }
   }, interval, {
     immediate: false,
   })

src/layouts/map.vue

@@ -23,7 +23,7 @@ function flipDark() {
       >
         <span class="i-mingcute-typhoon-fill size-6 px-5" @click="flipDark" />
         <h1 class="text-xl font-semibold">
-          季节内台风预报系统
+          季节内逐日台风概率预报
         </h1>
         <div class="size-5">
           <!-- <Switch :checked="isDark" @update:checked="flipDark">
@@ -50,8 +50,8 @@ function flipDark() {
             地图
           </Badge>
           <Card v-if="options.castDayNo !== -1" class="absolute right-3 top-3 z-400 p-3">
-            发布日期： <br>{{ castBeginDate }}<br>
-            预报日期：<br> {{ castTargetDate }}
+            初始日期 <br>{{ castBeginDate }}<br>
+            预报日期 <br> {{ castTargetDate }}
           </Card>
           <div class="flex-1" />
           <RouterView />

vite.config.ts

@@ -18,6 +18,7 @@ import generateSitemap from 'vite-ssg-sitemap'
 import 'vitest/config'
 
 export default defineConfig({
+  base: '/typhoon',
   resolve: {
     alias: {
       '@/': `${path.resolve(__dirname, 'src')}/`,