From 55f45269bdc75b51e2915d2682df510c8495fa9e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=92=9F=E5=BA=94=E6=B3=AF?= <554844230@qq.com>
Date: Tue, 16 Sep 2025 20:22:25 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=88=A0=E9=99=A4=E5=8E=86?=
 =?UTF-8?q?=E5=8F=B2=E8=B7=AF=E7=94=B1=E5=92=8C=E8=A7=86=E5=9B=BE=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E6=B8=85=E7=90=86=E4=B8=8D=E5=86=8D=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E7=9A=84=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .history/src/router/index_20250915205327.ts   | 54 ---------------
 .history/src/router/index_20250915214722.ts   | 63 -----------------
 .../src/views/vlog/index_20250915205327.vue   | 59 ----------------
 .../src/views/vlog/index_20250915220033.vue   | 65 ------------------
 .../src/views/vlog/index_20250915220038.vue   | 65 ------------------
 .../src/views/vlog/index_20250915220139.vue   | 67 -------------------
 .../views/vlog/work/index_20250915214200.vue  |  0
 .../views/vlog/work/index_20250915214738.vue  | 29 --------
 .../views/vlog/work/index_20250915214743.vue  | 13 ----
 .../views/vlog/work/index_20250915215546.vue  | 13 ----
 10 files changed, 428 deletions(-)
 delete mode 100644 .history/src/router/index_20250915205327.ts
 delete mode 100644 .history/src/router/index_20250915214722.ts
 delete mode 100644 .history/src/views/vlog/index_20250915205327.vue
 delete mode 100644 .history/src/views/vlog/index_20250915220033.vue
 delete mode 100644 .history/src/views/vlog/index_20250915220038.vue
 delete mode 100644 .history/src/views/vlog/index_20250915220139.vue
 delete mode 100644 .history/src/views/vlog/work/index_20250915214200.vue
 delete mode 100644 .history/src/views/vlog/work/index_20250915214738.vue
 delete mode 100644 .history/src/views/vlog/work/index_20250915214743.vue
 delete mode 100644 .history/src/views/vlog/work/index_20250915215546.vue

diff --git a/.history/src/router/index_20250915205327.ts b/.history/src/router/index_20250915205327.ts
deleted file mode 100644
index dee3ba1..0000000
--- a/.history/src/router/index_20250915205327.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
-import type { RouteRecordRaw } from 'vue-router'
-
-const routes: RouteRecordRaw[] = [
-  {
-    path: '/',
-    name: 'Home',
-    component: () => import('@/views/home/index.vue'),
-    meta: {
-      title: '首页'
-    }
-  },
-  {
-    path: '/guide',
-    name: 'Guide',
-    component: () => import('@/views/guide/index.vue'),
-    meta: {
-      title: '使用引导'
-    }
-  },
-  {
-    path: '/action',
-    name: 'Action',
-    component: () => import('@/views/home/action.vue'),
-    meta: {
-      title: '开始拍摄'
-    }
-  },
-  // vlog 发现与记录
-  {
-    path: '/vlog',
-    name: 'Vlog',
-    component: () => import('@/views/vlog/index.vue'),
-    meta: {
-      title: '发现与记录'
-    }
-  }
-]
-
-const router = createRouter({
-  history: createWebHashHistory(),
-  routes
-})
-
-// 路由守卫
-router.beforeEach((to, _from, next) => {
-  // 设置页面标题
-  if (to.meta?.title) {
-    document.title = `${to.meta.title} - 短视频达人`
-  }
-  next()
-})
-
-export default router
diff --git a/.history/src/router/index_20250915214722.ts b/.history/src/router/index_20250915214722.ts
deleted file mode 100644
index 3871014..0000000
--- a/.history/src/router/index_20250915214722.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
-import type { RouteRecordRaw } from 'vue-router'
-
-const routes: RouteRecordRaw[] = [
-  {
-    path: '/',
-    name: 'Home',
-    component: () => import('@/views/home/index.vue'),
-    meta: {
-      title: '首页'
-    }
-  },
-  {
-    path: '/guide',
-    name: 'Guide',
-    component: () => import('@/views/guide/index.vue'),
-    meta: {
-      title: '使用引导'
-    }
-  },
-  {
-    path: '/action',
-    name: 'Action',
-    component: () => import('@/views/home/action.vue'),
-    meta: {
-      title: '开始拍摄'
-    }
-  },
-  // vlog 发现与记录
-  {
-    path: '/vlog',
-    name: 'Vlog',
-    component: () => import('@/views/vlog/index.vue'),
-    meta: {
-      title: '发现与记录'
-    }
-  },
-  // vlog 发现与记录
-  {
-    path: '/work',
-    name: 'Work',
-    component: () => import('@/views/vlog/work/index.vue'),
-    meta: {
-      title: '发现与记录'
-    }
-  }
-]
-
-const router = createRouter({
-  history: createWebHashHistory(),
-  routes
-})
-
-// 路由守卫
-router.beforeEach((to, _from, next) => {
-  // 设置页面标题
-  if (to.meta?.title) {
-    document.title = `${to.meta.title} - 短视频达人`
-  }
-  next()
-})
-
-export default router
diff --git a/.history/src/views/vlog/index_20250915205327.vue b/.history/src/views/vlog/index_20250915205327.vue
deleted file mode 100644
index 6e0263f..0000000
--- a/.history/src/views/vlog/index_20250915205327.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<script lang="tsx" setup>
-import { getBackgroundImage, IMAGE_PATHS } from '@/utils'
-import { ImgButton } from '@/components/Button'
-
-import { ref } from 'vue'
-import { ProgressBar } from '@/components'
-
-const currentStep = ref(0)
-
-const handleComplete = () => {
-  console.log('完成前置条件')
-  // 处理完成逻辑
-}
-
-const handleStepChange = (step: number) => {
-  console.log('步骤变化:', step)
-  // 处理步骤变化逻辑
-}
-</script>
-
-<template>
-  <div class="w-full h-full relative">
-    <!-- 背景图片-center -->
-    <div
-      class="absolute inset-0 bg-cover bg-center bg-no-repeat"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.BG_CENTER) }"
-    ></div>
-
-    <!-- 背景图片 -->
-    <div
-      class="absolute inset-0 bg-cover bg-center bg-no-repeat"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.BG) }"
-    ></div>
-
-    <!-- 标题 -->
-    <div class="absolute top-2 left-1/2 -translate-x-1/2">
-      <ImgButton :image="IMAGE_PATHS.VLOG.TITLE" />
-    </div>
-
-    <!-- 任务取景按钮 -->
-    <div
-      class="absolute left-24 top-24"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.TASK_CAMERA) }"
-    >
-      <ImgButton :image="IMAGE_PATHS.VLOG.TASK_BTN" />
-    </div>
-
-    <!-- 引导任务 -->
-    <ImgButton class="absolute right-24 bottom-24" :image="IMAGE_PATHS.VLOG.TASK_PERSON" />
-
-    <div class="absolute bottom-0 w-full">
-      <ProgressBar
-        :current-step="currentStep"
-        @complete="handleComplete"
-        @step-change="handleStepChange"
-      />
-    </div>
-  </div>
-</template>
diff --git a/.history/src/views/vlog/index_20250915220033.vue b/.history/src/views/vlog/index_20250915220033.vue
deleted file mode 100644
index 83fa847..0000000
--- a/.history/src/views/vlog/index_20250915220033.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script lang="tsx" setup>
-import { getBackgroundImage, IMAGE_PATHS } from '@/utils'
-import { ImgButton } from '@/components/Button'
-
-import { ref } from 'vue'
-import { ProgressBar } from '@/components'
-
-const currentStep = ref(0)
-
-const handleComplete = () => {
-  console.log('完成前置条件')
-  // 处理完成逻辑
-}
-
-const handleStepChange = (step: number) => {
-  console.log('步骤变化:', step)
-  // 处理步骤变化逻辑
-}
-
-const handleWorkClick = () => {
-  console.log('任务取景按钮点击')
-  // 处理任务取景按钮点击逻辑
-  router.push({ name: 'Work' })
-}
-</script>
-
-<template>
-  <div class="w-full h-full relative">
-    <!-- 背景图片-center -->
-    <div
-      class="absolute inset-0 bg-cover bg-center bg-no-repeat"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.BG_CENTER) }"
-    ></div>
-
-    <!-- 背景图片 -->
-    <div
-      class="absolute inset-0 bg-cover bg-center bg-no-repeat"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.BG) }"
-    ></div>
-
-    <!-- 标题 -->
-    <div class="absolute top-2 left-1/2 -translate-x-1/2">
-      <ImgButton :image="IMAGE_PATHS.VLOG.TITLE" />
-    </div>
-
-    <!-- 任务取景按钮 -->
-    <div
-      class="absolute left-24 top-24"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.TASK_CAMERA) }"
-    >
-      <ImgButton :image="IMAGE_PATHS.VLOG.TASK_BTN" @click="handleWorkClick" />
-    </div>
-
-    <!-- 引导任务 -->
-    <ImgButton class="absolute right-24 bottom-24" :image="IMAGE_PATHS.VLOG.TASK_PERSON" />
-
-    <div class="absolute bottom-0 w-full">
-      <ProgressBar
-        :current-step="currentStep"
-        @complete="handleComplete"
-        @step-change="handleStepChange"
-      />
-    </div>
-  </div>
-</template>
diff --git a/.history/src/views/vlog/index_20250915220038.vue b/.history/src/views/vlog/index_20250915220038.vue
deleted file mode 100644
index 83fa847..0000000
--- a/.history/src/views/vlog/index_20250915220038.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script lang="tsx" setup>
-import { getBackgroundImage, IMAGE_PATHS } from '@/utils'
-import { ImgButton } from '@/components/Button'
-
-import { ref } from 'vue'
-import { ProgressBar } from '@/components'
-
-const currentStep = ref(0)
-
-const handleComplete = () => {
-  console.log('完成前置条件')
-  // 处理完成逻辑
-}
-
-const handleStepChange = (step: number) => {
-  console.log('步骤变化:', step)
-  // 处理步骤变化逻辑
-}
-
-const handleWorkClick = () => {
-  console.log('任务取景按钮点击')
-  // 处理任务取景按钮点击逻辑
-  router.push({ name: 'Work' })
-}
-</script>
-
-<template>
-  <div class="w-full h-full relative">
-    <!-- 背景图片-center -->
-    <div
-      class="absolute inset-0 bg-cover bg-center bg-no-repeat"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.BG_CENTER) }"
-    ></div>
-
-    <!-- 背景图片 -->
-    <div
-      class="absolute inset-0 bg-cover bg-center bg-no-repeat"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.BG) }"
-    ></div>
-
-    <!-- 标题 -->
-    <div class="absolute top-2 left-1/2 -translate-x-1/2">
-      <ImgButton :image="IMAGE_PATHS.VLOG.TITLE" />
-    </div>
-
-    <!-- 任务取景按钮 -->
-    <div
-      class="absolute left-24 top-24"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.TASK_CAMERA) }"
-    >
-      <ImgButton :image="IMAGE_PATHS.VLOG.TASK_BTN" @click="handleWorkClick" />
-    </div>
-
-    <!-- 引导任务 -->
-    <ImgButton class="absolute right-24 bottom-24" :image="IMAGE_PATHS.VLOG.TASK_PERSON" />
-
-    <div class="absolute bottom-0 w-full">
-      <ProgressBar
-        :current-step="currentStep"
-        @complete="handleComplete"
-        @step-change="handleStepChange"
-      />
-    </div>
-  </div>
-</template>
diff --git a/.history/src/views/vlog/index_20250915220139.vue b/.history/src/views/vlog/index_20250915220139.vue
deleted file mode 100644
index 9a7775c..0000000
--- a/.history/src/views/vlog/index_20250915220139.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script lang="tsx" setup>
-import { getBackgroundImage, IMAGE_PATHS } from '@/utils'
-import { ImgButton } from '@/components/Button'
-
-import { ref } from 'vue'
-import { ProgressBar } from '@/components'
-
-const router = useRouter()
-
-const currentStep = ref(0)
-
-const handleComplete = () => {
-  console.log('完成前置条件')
-  // 处理完成逻辑
-}
-
-const handleStepChange = (step: number) => {
-  console.log('步骤变化:', step)
-  // 处理步骤变化逻辑
-}
-
-const handleWorkClick = () => {
-  console.log('任务取景按钮点击')
-  // 处理任务取景按钮点击逻辑
-  router.push({ name: 'Work' })
-}
-</script>
-
-<template>
-  <div class="w-full h-full relative">
-    <!-- 背景图片-center -->
-    <div
-      class="absolute inset-0 bg-cover bg-center bg-no-repeat"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.BG_CENTER) }"
-    ></div>
-
-    <!-- 背景图片 -->
-    <div
-      class="absolute inset-0 bg-cover bg-center bg-no-repeat"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.BG) }"
-    ></div>
-
-    <!-- 标题 -->
-    <div class="absolute top-2 left-1/2 -translate-x-1/2">
-      <ImgButton :image="IMAGE_PATHS.VLOG.TITLE" />
-    </div>
-
-    <!-- 任务取景按钮 -->
-    <div
-      class="absolute left-24 top-24"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.TASK_CAMERA) }"
-    >
-      <ImgButton :image="IMAGE_PATHS.VLOG.TASK_BTN" @click="handleWorkClick" />
-    </div>
-
-    <!-- 引导任务 -->
-    <ImgButton class="absolute right-24 bottom-24" :image="IMAGE_PATHS.VLOG.TASK_PERSON" />
-
-    <div class="absolute bottom-0 w-full">
-      <ProgressBar
-        :current-step="currentStep"
-        @complete="handleComplete"
-        @step-change="handleStepChange"
-      />
-    </div>
-  </div>
-</template>
diff --git a/.history/src/views/vlog/work/index_20250915214200.vue b/.history/src/views/vlog/work/index_20250915214200.vue
deleted file mode 100644
index e69de29..0000000
diff --git a/.history/src/views/vlog/work/index_20250915214738.vue b/.history/src/views/vlog/work/index_20250915214738.vue
deleted file mode 100644
index 563fb6f..0000000
--- a/.history/src/views/vlog/work/index_20250915214738.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="tsx" setup>
-import { getBackgroundImage, IMAGE_PATHS } from '@/utils'
-import { ImgButton } from '@/components/Button'
-
-import { ref } from 'vue'
-import { ProgressBar } from '@/components'
-
-const currentStep = ref(0)
-
-const handleComplete = () => {
-  console.log('完成前置条件')
-  // 处理完成逻辑
-}
-
-const handleStepChange = (step: number) => {
-  console.log('步骤变化:', step)
-  // 处理步骤变化逻辑
-}
-</script>
-
-<template>
-  <div class="w-full h-full relative">
-    <!-- 背景图片-center -->
-    <div
-      class="absolute inset-0 bg-cover bg-center bg-no-repeat"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.BG_CENTER) }"
-    ></div>
-  </div>
-</template>
diff --git a/.history/src/views/vlog/work/index_20250915214743.vue b/.history/src/views/vlog/work/index_20250915214743.vue
deleted file mode 100644
index fbc75b2..0000000
--- a/.history/src/views/vlog/work/index_20250915214743.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="tsx" setup>
-import { getBackgroundImage, IMAGE_PATHS } from '@/utils'
-</script>
-
-<template>
-  <div class="w-full h-full relative">
-    <!-- 背景图片-center -->
-    <div
-      class="absolute inset-0 bg-cover bg-center bg-no-repeat"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.BG_CENTER) }"
-    ></div>
-  </div>
-</template>
diff --git a/.history/src/views/vlog/work/index_20250915215546.vue b/.history/src/views/vlog/work/index_20250915215546.vue
deleted file mode 100644
index fbc75b2..0000000
--- a/.history/src/views/vlog/work/index_20250915215546.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="tsx" setup>
-import { getBackgroundImage, IMAGE_PATHS } from '@/utils'
-</script>
-
-<template>
-  <div class="w-full h-full relative">
-    <!-- 背景图片-center -->
-    <div
-      class="absolute inset-0 bg-cover bg-center bg-no-repeat"
-      :style="{ backgroundImage: getBackgroundImage(IMAGE_PATHS.VLOG.BG_CENTER) }"
-    ></div>
-  </div>
-</template>