From 94e2acbb950ff376cff1cdc1c1a6922b4b843409 Mon Sep 17 00:00:00 2001 From: congzc Date: Mon, 29 May 2023 18:30:02 +0800 Subject: [PATCH] 1 --- src/components/myLoading.vue | 52 ++++ src/main.ts | 5 + src/types/components.d.ts | 1 + src/views/createVideo/index copy.vue | 441 ++++++++++++++++++++++----- src/views/createVideo/index.vue | 30 +- 5 files changed, 443 insertions(+), 86 deletions(-) create mode 100644 src/components/myLoading.vue diff --git a/src/components/myLoading.vue b/src/components/myLoading.vue new file mode 100644 index 0000000..77dc700 --- /dev/null +++ b/src/components/myLoading.vue @@ -0,0 +1,52 @@ + + + + diff --git a/src/main.ts b/src/main.ts index 86c6b03..c822504 100644 --- a/src/main.ts +++ b/src/main.ts @@ -17,6 +17,9 @@ import "element-plus/theme-chalk/dark/css-vars.css"; import "@/styles/index.scss"; import "uno.css"; import "@/styles/my.scss"; // 引入自己定义的样式 +// 引入组件 +import myLoading from "@/components/myLoading.vue"; + const app = createApp(App); // 全局注册 自定义指令(directive) @@ -29,3 +32,5 @@ import ElementPlus from "element-plus"; app.use(ElementPlus); app.use(router).use(i18n).mount("#app"); +// 注册全局组件 +app.component('myLoading',myLoading) \ No newline at end of file diff --git a/src/types/components.d.ts b/src/types/components.d.ts index 924a107..8a50078 100644 --- a/src/types/components.d.ts +++ b/src/types/components.d.ts @@ -44,6 +44,7 @@ declare module '@vue/runtime-core' { IEpVideoPlay: typeof import('~icons/ep/video-play')['default'] LangSelect: typeof import('./../components/LangSelect/index.vue')['default'] MultiUpload: typeof import('./../components/Upload/MultiUpload.vue')['default'] + MyLoading: typeof import('./../components/myLoading.vue')['default'] Pagination: typeof import('./../components/Pagination/index.vue')['default'] RightPanel: typeof import('./../components/RightPanel/index.vue')['default'] RouterLink: typeof import('vue-router')['RouterLink'] diff --git a/src/views/createVideo/index copy.vue b/src/views/createVideo/index copy.vue index 59e4469..adf4354 100644 --- a/src/views/createVideo/index copy.vue +++ b/src/views/createVideo/index copy.vue @@ -15,10 +15,15 @@ - +
+ + +
@@ -34,7 +39,17 @@
+ - + +
×
@@ -46,15 +61,41 @@
-
-
-
Generate By Ai
+
+
+ {{ $t("createVideo.availableMould") }} +
+
+ {{ $t("createVideo.personalWarehouse") }} +
-
-
-
- -

{{ item }}name

+
+ +
+ + + + +
+ + +
+ + +

{{ item.title }}

@@ -64,21 +105,105 @@ -
111111111111111111
+
+
+ + + {{ $t("createVideo.confirm") }} + + + + + +
+

{{ $t("createVideo.languages") }}

+ + + +

{{ $t("createVideo.voices") }}

+ + + +

{{ $t("createVideo.styles") }}

+ + + + {{ + $t("createVideo.generateVideo") + }} +
-
- - - +
+
+ + +
+ - +
-
+
+ 上传视频