@@ -89,10 +92,18 @@ const handleComplete = () => {
// 步骤配置
const steps = [
- { name: '前期准备', icon: '📋' },
- { name: '中期拍摄', icon: '📹' },
- { name: '后期剪辑', icon: '🎬' },
- { name: '即可开启实战', icon: '⚡' }
+ {
+ name: '/src/assets/images/midterm/前期准备.png',
+ icon: '/src/assets/images/midterm/准备图标.png'
+ },
+ {
+ name: '/src/assets/images/midterm/中期拍摄.png',
+ icon: '/src/assets/images/midterm/拍摄图标.png'
+ },
+ {
+ name: '/src/assets/images/midterm/后期剪辑.png',
+ icon: '/src/assets/images/midterm/剪辑图标.png'
+ }
]
// 获取步骤状态
@@ -142,6 +153,7 @@ const getStepStatus = (stepIndex: number) => {
}
.step-item {
+ padding-left: 300px;
display: flex;
flex-direction: column;
align-items: center;
@@ -150,12 +162,19 @@ const getStepStatus = (stepIndex: number) => {
}
.step-text {
- font-size: 26px;
+ /* font-size: 40px; */
color: white;
font-weight: bold;
text-align: center;
white-space: nowrap;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.step-ellipsis {
+ padding-left: 17px;
}
.step-dots {
diff --git a/src/router/index.ts b/src/router/index.ts
index 84d3384..356ca48 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -51,6 +51,31 @@ const routes: RouteRecordRaw[] = [
meta: {
title: '视频'
}
+ },
+ //中期拍摄
+ {
+ path: '/midterm',
+ name: 'midterm',
+ component: () => import('@/views/midterm-shooting/midterm/index.vue'),
+ meta: {
+ title: '中期拍摄'
+ }
+ },
+ {
+ path: '/equipment',
+ name: 'equipment',
+ component: () => import('@/views/midterm-shooting/equipment/index.vue'),
+ meta: {
+ title: '设备准备'
+ }
+ },
+ {
+ path: '/prepare',
+ name: 'Prepare',
+ component: () => import('@/views/prepare/index.vue'),
+ meta: {
+ title: '脚本准备'
+ }
}
]
diff --git a/src/utils/index.ts b/src/utils/index.ts
index fe1e60a..37c939a 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -68,6 +68,25 @@ export const IMAGE_PATHS = {
BG: 'vlog/bg',
BG_CENTER: 'vlog/bg-center',
TITLE: 'vlog/title',
+ PREPARE: 'vlog/制作变焦镜/入口节点/前期准备底板',
+ Midterm: 'vlog/制作变焦镜/入口节点/中期拍摄底板',
+ MidtermEquipment: 'vlog/制作变焦镜/入口节点/按钮-设备准备',
+ MidtermFraming: 'vlog/制作变焦镜/入口节点/按钮-实地取景',
+ MidtermShoot: 'vlog/制作变焦镜/入口节点/按钮-现场拍摄',
+ Scripting: 'vlog/制作变焦镜/入口节点/按钮选中-脚本撰写',
+ SelectArrow: 'vlog/制作变焦镜/入口节点/选中箭头',
+ Progress: 'vlog/进度数字/进度',
+ Zero: 'vlog/进度数字/0',
+ One: 'vlog/进度数字/1',
+ Two: 'vlog/进度数字/2',
+ Three: 'vlog/进度数字/3',
+ Four: 'vlog/进度数字/4',
+ Five: 'vlog/进度数字/5',
+ Six: 'vlog/进度数字/6',
+ Seven: 'vlog/进度数字/7',
+ Eight: 'vlog/进度数字/8',
+ Nine: 'vlog/进度数字/9',
+ Percentage: 'vlog/进度数字/percentage',
TASK_CAMERA: 'vlog/task-camera',
TASK_BTN_OK: 'vlog/task-btn-ok',
TASK_BTN: 'vlog/task-btn',
@@ -161,5 +180,12 @@ export const IMAGE_PATHS = {
COMPLETE_BUTTON: 'components/进入-实战操作',
COMPLETE_BUTTON_DISABLED: 'components/完成前置-即可开启实战',
BACKGROUND: 'components/制作变焦镜-底板'
+ },
+
+ // 设备准备
+ EQUIPMENT: {
+ BG: 'equipment/设备准备-背景',
+ SELECT_THE_BUTTON: 'equipment/按钮选中-设备准备',
+ NAVIGATION_SIDEBAR: 'equipment/侧边导航栏'
}
} as const
diff --git a/src/views/midterm-shooting/equipment/index.vue b/src/views/midterm-shooting/equipment/index.vue
new file mode 100644
index 0000000..7eb9111
--- /dev/null
+++ b/src/views/midterm-shooting/equipment/index.vue
@@ -0,0 +1,123 @@
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
diff --git a/src/views/midterm-shooting/midterm/index.vue b/src/views/midterm-shooting/midterm/index.vue
new file mode 100644
index 0000000..b6199c3
--- /dev/null
+++ b/src/views/midterm-shooting/midterm/index.vue
@@ -0,0 +1,124 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/prepare/index.vue b/src/views/prepare/index.vue
new file mode 100644
index 0000000..4de2f26
--- /dev/null
+++ b/src/views/prepare/index.vue
@@ -0,0 +1,126 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+