From d71a798bccfceed0d54022eff9d49c153107f1a0 Mon Sep 17 00:00:00 2001 From: congzc Date: Thu, 13 Jul 2023 13:45:46 +0800 Subject: [PATCH] 1 --- src/lang/package/en.ts | 3 +- src/lang/package/zh-cn.ts | 1 + src/layout/index copy.vue | 133 ++++++++++++++ src/layout/index.vue | 305 +++++++++++++++++++++++-------- src/router/index.ts | 19 ++ src/styles/my.scss | 7 + src/views/createVideo/index.vue | 83 ++++++--- src/views/moveImg/index.vue | 131 +++++++++++++ src/views/moveImg/videoStatus.js | 16 ++ 9 files changed, 596 insertions(+), 102 deletions(-) create mode 100644 src/layout/index copy.vue create mode 100644 src/views/moveImg/index.vue create mode 100644 src/views/moveImg/videoStatus.js diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts index 40b3542..a64cf76 100644 --- a/src/lang/package/en.ts +++ b/src/lang/package/en.ts @@ -84,7 +84,8 @@ export default { // uploadImgTip2:'Please upload unobstructed frontal photo', uploadImgTip2:'please upload a clear frontal photo', - entered:'entered' + entered:'entered', + subtitles:"subtitles", }, // 我的视频 diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts index f913524..38c1df3 100644 --- a/src/lang/package/zh-cn.ts +++ b/src/lang/package/zh-cn.ts @@ -83,6 +83,7 @@ export default { uploadImgTip1:'点此上传图片', uploadImgTip2:'请确保上传图片为无遮挡的正脸图片', entered:'已输入', + subtitles:"字幕", }, // 我的视频 diff --git a/src/layout/index copy.vue b/src/layout/index copy.vue new file mode 100644 index 0000000..a6692c9 --- /dev/null +++ b/src/layout/index copy.vue @@ -0,0 +1,133 @@ + + + + + diff --git a/src/layout/index.vue b/src/layout/index.vue index a6692c9..a7fef6c 100644 --- a/src/layout/index.vue +++ b/src/layout/index.vue @@ -1,27 +1,101 @@ @@ -29,18 +103,42 @@ + diff --git a/src/router/index.ts b/src/router/index.ts index 57b9390..96c2b40 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -123,6 +123,25 @@ export const constantRoutes: RouteRecordRaw[] = [ }, ], }, + // 测试页面 + { + path: "/", + component: Layout, + redirect: "/moveImg", + children: [ + { + path: "moveImg", + component: () => import("@/views/moveImg/index.vue"), + name: "moveImg", + meta: { + title: "moveImg", + icon: "homepage", + affix: true, + name: "moveImg.title", + }, + }, + ], + }, // { // path: "/dashboard", // component: Layout, diff --git a/src/styles/my.scss b/src/styles/my.scss index 05699c0..3edb8c7 100644 --- a/src/styles/my.scss +++ b/src/styles/my.scss @@ -3,6 +3,13 @@ body { // font-size: 14px; } +.boxCentreImg { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + .inmiddle { position: absolute; // top: 50%; diff --git a/src/views/createVideo/index.vue b/src/views/createVideo/index.vue index dd8ec53..3a654f8 100644 --- a/src/views/createVideo/index.vue +++ b/src/views/createVideo/index.vue @@ -1,7 +1,7 @@