diff --git a/.history/src/router/index_20250915205327.ts b/.history/src/router/index_20250915205327.ts new file mode 100644 index 0000000..dee3ba1 --- /dev/null +++ b/.history/src/router/index_20250915205327.ts @@ -0,0 +1,54 @@ +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 new file mode 100644 index 0000000..3871014 --- /dev/null +++ b/.history/src/router/index_20250915214722.ts @@ -0,0 +1,63 @@ +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 new file mode 100644 index 0000000..6e0263f --- /dev/null +++ b/.history/src/views/vlog/index_20250915205327.vue @@ -0,0 +1,59 @@ + + + diff --git a/.history/src/views/vlog/index_20250915220033.vue b/.history/src/views/vlog/index_20250915220033.vue new file mode 100644 index 0000000..83fa847 --- /dev/null +++ b/.history/src/views/vlog/index_20250915220033.vue @@ -0,0 +1,65 @@ + + + diff --git a/.history/src/views/vlog/index_20250915220038.vue b/.history/src/views/vlog/index_20250915220038.vue new file mode 100644 index 0000000..83fa847 --- /dev/null +++ b/.history/src/views/vlog/index_20250915220038.vue @@ -0,0 +1,65 @@ + + + diff --git a/.history/src/views/vlog/index_20250915220139.vue b/.history/src/views/vlog/index_20250915220139.vue new file mode 100644 index 0000000..9a7775c --- /dev/null +++ b/.history/src/views/vlog/index_20250915220139.vue @@ -0,0 +1,67 @@ + + + diff --git a/.history/src/views/vlog/work/index_20250915214200.vue b/.history/src/views/vlog/work/index_20250915214200.vue new file mode 100644 index 0000000..e69de29 diff --git a/.history/src/views/vlog/work/index_20250915214738.vue b/.history/src/views/vlog/work/index_20250915214738.vue new file mode 100644 index 0000000..563fb6f --- /dev/null +++ b/.history/src/views/vlog/work/index_20250915214738.vue @@ -0,0 +1,29 @@ + + + diff --git a/.history/src/views/vlog/work/index_20250915214743.vue b/.history/src/views/vlog/work/index_20250915214743.vue new file mode 100644 index 0000000..fbc75b2 --- /dev/null +++ b/.history/src/views/vlog/work/index_20250915214743.vue @@ -0,0 +1,13 @@ + + + diff --git a/.history/src/views/vlog/work/index_20250915215546.vue b/.history/src/views/vlog/work/index_20250915215546.vue new file mode 100644 index 0000000..fbc75b2 --- /dev/null +++ b/.history/src/views/vlog/work/index_20250915215546.vue @@ -0,0 +1,13 @@ + + + diff --git a/src/assets/images/work/bg.png b/src/assets/images/work/bg.png new file mode 100644 index 0000000..9d6894f Binary files /dev/null and b/src/assets/images/work/bg.png differ diff --git a/src/assets/images/work/border.png b/src/assets/images/work/border.png new file mode 100644 index 0000000..f48d434 Binary files /dev/null and b/src/assets/images/work/border.png differ diff --git a/src/assets/images/work/image1.png b/src/assets/images/work/image1.png new file mode 100644 index 0000000..7ce6a7a Binary files /dev/null and b/src/assets/images/work/image1.png differ diff --git a/src/assets/images/work/task-btn-ok.png b/src/assets/images/work/task-btn-ok.png new file mode 100644 index 0000000..e7e75fc Binary files /dev/null and b/src/assets/images/work/task-btn-ok.png differ diff --git a/src/assets/images/work/task-btn.png b/src/assets/images/work/task-btn.png new file mode 100644 index 0000000..0965e0e Binary files /dev/null and b/src/assets/images/work/task-btn.png differ diff --git a/src/assets/images/work/title.png b/src/assets/images/work/title.png new file mode 100644 index 0000000..6424d6a Binary files /dev/null and b/src/assets/images/work/title.png differ diff --git a/src/assets/images/work/vlog初识-当前.png b/src/assets/images/work/vlog初识-当前.png new file mode 100644 index 0000000..fa952dd Binary files /dev/null and b/src/assets/images/work/vlog初识-当前.png differ diff --git a/src/assets/images/work/vlog初识-未选中.png b/src/assets/images/work/vlog初识-未选中.png new file mode 100644 index 0000000..2558435 Binary files /dev/null and b/src/assets/images/work/vlog初识-未选中.png differ diff --git a/src/assets/images/work/专业剖析-当前.png b/src/assets/images/work/专业剖析-当前.png new file mode 100644 index 0000000..8558ffd Binary files /dev/null and b/src/assets/images/work/专业剖析-当前.png differ diff --git a/src/assets/images/work/专业剖析-未选中.png b/src/assets/images/work/专业剖析-未选中.png new file mode 100644 index 0000000..9653f8f Binary files /dev/null and b/src/assets/images/work/专业剖析-未选中.png differ diff --git a/src/assets/images/work/思路提点-当前.png b/src/assets/images/work/思路提点-当前.png new file mode 100644 index 0000000..71c0da9 Binary files /dev/null and b/src/assets/images/work/思路提点-当前.png differ diff --git a/src/assets/images/work/思路提点-未选中.png b/src/assets/images/work/思路提点-未选中.png new file mode 100644 index 0000000..4f8bc44 Binary files /dev/null and b/src/assets/images/work/思路提点-未选中.png differ diff --git a/src/assets/images/work/案例赏析-当前.png b/src/assets/images/work/案例赏析-当前.png new file mode 100644 index 0000000..5ef57ef Binary files /dev/null and b/src/assets/images/work/案例赏析-当前.png differ diff --git a/src/assets/images/work/案例赏析-未选中.png b/src/assets/images/work/案例赏析-未选中.png new file mode 100644 index 0000000..25472d9 Binary files /dev/null and b/src/assets/images/work/案例赏析-未选中.png differ diff --git a/src/components/Guide/GuideDragon.vue b/src/components/Guide/GuideDragon.vue index 743384f..ef36154 100644 --- a/src/components/Guide/GuideDragon.vue +++ b/src/components/Guide/GuideDragon.vue @@ -104,11 +104,14 @@ const handleContinue = () => { diff --git a/src/components/Guide/SpotlightOverlay.vue b/src/components/Guide/SpotlightOverlay.vue new file mode 100644 index 0000000..158504c --- /dev/null +++ b/src/components/Guide/SpotlightOverlay.vue @@ -0,0 +1,90 @@ + + + + + diff --git a/src/components/Guide/index.ts b/src/components/Guide/index.ts index 6e228b4..c472ebb 100644 --- a/src/components/Guide/index.ts +++ b/src/components/Guide/index.ts @@ -2,6 +2,7 @@ export { default as GuideDragon } from './GuideDragon.vue' export { default as GuideSteps } from './GuideSteps.vue' export { default as GuideStepsItem } from './GuideStepsItem.vue' +export { default as SpotlightOverlay } from './SpotlightOverlay.vue' // 类型导出 export type { diff --git a/src/components/Switcher/ImageSwitchList.vue b/src/components/Switcher/ImageSwitchList.vue new file mode 100644 index 0000000..d7584c6 --- /dev/null +++ b/src/components/Switcher/ImageSwitchList.vue @@ -0,0 +1,82 @@ + + + + + diff --git a/src/components/Switcher/index.ts b/src/components/Switcher/index.ts new file mode 100644 index 0000000..c55127c --- /dev/null +++ b/src/components/Switcher/index.ts @@ -0,0 +1 @@ +export { default as ImageSwitchList } from './ImageSwitchList.vue' diff --git a/src/components/index.ts b/src/components/index.ts index 6cabb23..3b55f96 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -10,3 +10,6 @@ export * from './Guide' // 进度条组件 export * from './ProgressBar' + +// 切换组件 +export * from './Switcher' diff --git a/src/router/index.ts b/src/router/index.ts index dee3ba1..3871014 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -34,6 +34,15 @@ const routes: RouteRecordRaw[] = [ meta: { title: '发现与记录' } + }, + // vlog 发现与记录 + { + path: '/work', + name: 'Work', + component: () => import('@/views/vlog/work/index.vue'), + meta: { + title: '发现与记录' + } } ] diff --git a/src/utils/index.ts b/src/utils/index.ts index 7e71aac..0994741 100644 --- a/src/utils/index.ts +++ b/src/utils/index.ts @@ -73,6 +73,18 @@ export const IMAGE_PATHS = { TASK_BTN: 'vlog/task-btn', TASK_PERSON: 'vlog/person' }, + //Work + WORK: { + BG: 'work/bg', + BORDER: 'work/border', + BG_CENTER: 'work/bg-center', + TITLE: 'work/title', + IMAGE: 'work/image1', + TASK_CAMERA: 'work/task-camera', + TASK_BTN_OK: 'work/task-btn-ok', + TASK_BTN: 'work/task-btn', + TASK_PERSON: 'work/person' + }, //按钮 BUTTONS: { diff --git a/src/views/vlog/index.vue b/src/views/vlog/index.vue index 6e0263f..bc550f4 100644 --- a/src/views/vlog/index.vue +++ b/src/views/vlog/index.vue @@ -4,6 +4,9 @@ import { ImgButton } from '@/components/Button' import { ref } from 'vue' import { ProgressBar } from '@/components' +import { useRouter } from 'vue-router' + +const router = useRouter() const currentStep = ref(0) @@ -16,6 +19,12 @@ const handleStepChange = (step: number) => { console.log('步骤变化:', step) // 处理步骤变化逻辑 } + +const handleWorkClick = () => { + console.log('任务取景按钮点击') + // 处理任务取景按钮点击逻辑 + router.push({ name: 'Work' }) +}