diff --git a/src/layout/index.vue b/src/layout/index.vue index a7fef6c..306c5d1 100644 --- a/src/layout/index.vue +++ b/src/layout/index.vue @@ -25,7 +25,7 @@ {{ $t("myCreating.title") }} - +
-
+
- -
+ +
- +
- -
- - -
- + +
+ + +
+ +
+ +
+

{{ $t('createVideo.subtitles') }}

+
- -
+ +
- + +

+ + +

+ {{ $t("createVideo.uploadImgTip1") }} + {{ $t("createVideo.uploadImgTip2") }}
@@ -74,26 +80,89 @@
+ +
+ +
+ +
+
+ +
+ + + +
+ + +
+
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+
{{ $t("createVideo.availableMould") }}
{{ $t("createVideo.personalWarehouse") }}
+
+
+ + +
+ {{ $t("createVideo.Aipicture") }} +
-
+ +
+ @@ -113,30 +182,102 @@ s
+ +
+ +
+ + +
+ + +
+
+ +
+
+ ✖︎ +
+
+
+ +
+
+ + {{ $t("createVideo.comingSoon") }} +
+
-
- +
+
+ + +
+
- 🕬 - 🕗 +
+ + + 🔊 + + + + + 🕗 + + {{ $t("createVideo.entered") }} + {{ textareaContent.length }} / 500 +

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

@@ -146,10 +287,11 @@ :placeholder="$t('createVideo.select')" style="width: 100%" > + - {{ item.name }} + {{ + lanChange == "zh-cn" ? item.chineseName : item.name + }}

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

@@ -176,7 +320,14 @@ @@ -190,28 +341,51 @@ > + :key="item.name" + :label="lanChange == 'zh-cn' ? item.name : item.engName" + :value="item.name" + > +
+ {{ lanChange == "zh-cn" ? item.name : item.engName }} + 🔊 +
+ +
- - + + {{ - $t("createVideo.generateVideo") + $t("createVideo.saveVideo") }} - + {{ - $t("createVideo.saveVideo") + $t("createVideo.generateVideo") }}
@@ -219,36 +393,62 @@
- +

- + {{ $t("createVideo.uploadAudio") }} + +

+ + {{ + lanChange == "zh-cn" + ? `免费用户限制为60秒!` + : `Free user limit 60 seconds!` + }} +
+

-
- + +
+ + + + - +
+ +
+

{{ $t("createVideo.recordedAudio") }} +

+ + {{ + lanChange == "zh-cn" + ? `免费用户限制为60秒!` + : `Free user limit 60 seconds!` + }} +

+ {{ formatTime(duration) }}
- - - +
+ +
+ + + + + {{ + $t("createVideo.saveVideo") + }} - + {{ $t("createVideo.generateVideo") }} +
+ + + +
+ + +

+ + {{ $t("createVideo.chooseMusic") }} +

+ +
+
+ {{ $t("createVideo.hotMusic") }} +
+
+ {{ $t("createVideo.personalWarehouse") }} +
+
+ +
+ + {{ + lanChange == "zh-cn" + ? `免费用户限制为60秒!` + : `Free user limit 60 seconds!` + }} +
+
+ +
+ +
+ +
+ +
+
+ 🎵{{ item.name }} + {{ handleTime(item.time) }} +
+
+ +
+
+ 🎵{{ item.name }} + {{ handleTime(item.time) }} + + +
+
+ + + + +
+ +
{{ $t("createVideo.saveVideo") }} + + + + {{ + $t("createVideo.generateVideo") + }} +
- - -
+ + +
+
+ - - {{ $t("createVideo.confirm") }} - +
+ + + + {{ $t("createVideo.GeneratedText") }} + + + +

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

+ +
+ - - - + {{ $t("createVideo.entered") }} {{ answerContent.length }} / + 500
-

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

- - - -

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

- - - -

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

- - - - {{ - $t("createVideo.generateVideo") - }} + + + {{ $t("createVideo.copy") }} +
+
-
- + +
+
+ const onMouseMove = (event) => { + const newX = event.clientX - offsetX; + const newY = event.clientY - offsetY; -