From 770181fb81daea58f48d568ca43fefbbe5041a9a Mon Sep 17 00:00:00 2001
From: XiaoXinPro 14 IAH5R <568170040@qq.com>
Date: Tue, 23 May 2023 16:25:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/LangSelect/index.vue | 20 ++-
src/lang/package/en.ts | 73 ++++++++--
src/lang/package/zh-cn.ts | 73 ++++++++--
src/layout/components/Navbar.vue | 162 +++++++++++++----------
src/layout/components/Sidebar/index.vue | 11 +-
src/layout/components/TagsView/index.vue | 2 +-
src/router/index.ts | 17 ++-
src/views/createVideo/index.vue | 46 +++++--
src/views/myAccount/index.vue | 27 ++--
src/views/myCreating/index.vue | 20 +--
10 files changed, 301 insertions(+), 150 deletions(-)
diff --git a/src/components/LangSelect/index.vue b/src/components/LangSelect/index.vue
index 4880cd0..aa4652f 100644
--- a/src/components/LangSelect/index.vue
+++ b/src/components/LangSelect/index.vue
@@ -1,7 +1,7 @@
-
+
@@ -37,3 +37,9 @@ function handleLanguageChange(lang: string) {
+
+
diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index 44d40bd..ceaaef8 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -1,22 +1,71 @@
export default {
// 路由国际化
route: {
- dashboard: 'Dashboard',
- document: 'Document'
+ dashboard: "Dashboard",
+ document: "Document",
},
+
// 登录页面国际化
login: {
- title: 'Metavatar-PC',
- username: 'Username',
- password: 'Password',
- login: 'Login',
- verifyCode: 'Verify Code',
+ title: "Metavatar-PC",
+ username: "Username",
+ password: "Password",
+ login: "Login",
+ verifyCode: "Verify Code",
},
+
// 导航栏国际化
navbar: {
- dashboard: 'Dashboard',
- logout: 'Logout',
- document: 'Document',
- gitee: 'Gitee'
- }
+ account: "Account",
+ logout: "Logout",
+ },
+
+ // 创作视频
+ createVideo: {
+ title: "CreateVideo",
+ typeScript: "Type your Script",
+ uploadAudio: "Upload Audio",
+ aiScript: "Ai Script",
+ typeTitle: "Type a title",
+ confirm: "Confirm",
+ aiText: "Please input here",
+ languages: "Languages",
+ voices: "Voices",
+ styles: "Styles",
+ reload: "Reload",
+ generateVideo: "Generate Video",
+ },
+
+ // 我的视频
+ myCreating: {
+ title: "My Creating",
+ typeTitle: "Type a title",
+ name: "Name",
+ date: "Date",
+ download: "Download",
+ delete: "Delete",
+ more: "More",
+ },
+
+ // 个人账户
+ account: {
+ title: "My Account",
+ reSetPwd: "Reset Password",
+ getMore: "UPGRADE",
+ copyCode: "Copy invitation code",
+ saveCode: "Save QR code",
+ buyHistory: "OrderHistory",
+ inviteHistory: "InviteHistory",
+ orderID: "OrderID",
+ price: "Price",
+ date: "Date",
+ successed: "Successed",
+ failed: "Failed",
+ msg1: "Obtain one video production time",
+ },
+
+ // 商店
+ shop: {
+ title: "Shop",
+ },
};
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index 6e7bac7..367573e 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -1,22 +1,71 @@
export default {
// 路由国际化
route: {
- dashboard: '首页',
- document: '项目文档'
+ dashboard: "首页",
+ document: "项目文档",
},
+
// 登录页面国际化
login: {
- title: 'Metavatar-PC',
- username: '用户名',
- password: '密码',
- login: '登 录',
- verifyCode: '验证码'
+ title: "Metavatar-PC",
+ username: "用户名",
+ password: "密码",
+ login: "登 录",
+ verifyCode: "验证码",
},
+
// 导航栏国际化
navbar: {
- dashboard: '首页',
- logout: '注销',
- document: '项目文档',
- gitee: '码云'
- }
+ account: "账户",
+ logout: "注销",
+ },
+
+ // 创作视频
+ createVideo: {
+ title: "创作视频",
+ typeScript: "输入文案",
+ uploadAudio: "上传视频",
+ aiScript: "AI生成文本",
+ typeTitle: "输入标题",
+ confirm: "确定",
+ aiText: "在此输入",
+ languages: "选择语言",
+ voices: "选择声音",
+ styles: "选择风格",
+ reload: "重新上传",
+ generateVideo: "生成视频",
+ },
+
+ // 我的视频
+ myCreating: {
+ title: "我的视频",
+ typeTitle: "输入标题",
+ name: "名称",
+ date: "时间",
+ download: "下载",
+ delete: "删除",
+ more: "更多",
+ },
+
+ // 个人账户
+ account: {
+ title: "个人账户",
+ reSetPwd: "修改密码",
+ getMore: "升级套餐",
+ copyCode: "复制邀请码",
+ saveCode: "保存二维码",
+ buyHistory: "购买记录",
+ inviteHistory: "邀请记录",
+ orderID: "订单号",
+ price: "支付金额",
+ date: "购买日期",
+ successed: "支付成功",
+ failed: "支付失败",
+ msg1: "获得视频制作次数一次",
+ },
+
+ // 商店
+ shop: {
+ title: "商店",
+ },
};
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index cc0b051..6347b62 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,3 +1,78 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t(routeName as string) }}
+
+
+
+
+
+
+
{{ $t("navbar.account") }}
+
+ {{ $t("navbar.logout") }}
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
{{ routeName }}
-
-
个人账户
-
退出登录
-
-
-
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 61fa256..4d33235 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -7,19 +7,19 @@
- 创作视频
+ {{ $t("createVideo.title") }}
- 我的视频
+ {{ $t("myCreating.title") }}
- 商店
+ {{ $t("shop.title") }}
-
+
@@ -60,30 +63,35 @@
-
+
111111111111111111
-
+
22222222222222222
-
+
-
- submit
+
+
+ {{ $t("createVideo.confirm") }}
+
-
language
+
{{ $t("createVideo.languages") }}
-
voices
+
{{ $t("createVideo.voices") }}
-
style
+
{{ $t("createVideo.styles") }}
-
Generate Video
+
{{
+ $t("createVideo.generateVideo")
+ }}
@@ -139,8 +149,20 @@ function changeFile(e) {
imgUrl.value = URL.createObjectURL(e.target.files[0]);
}
+// $t在script中的使用
+import { getCurrentInstance } from "vue";
+const {
+ appContext: {
+ config: { globalProperties },
+ },
+} = getCurrentInstance();
+
+const string = "createVideo.typeScript";
+const t = globalProperties.$t(string);
+
// card3的
let language = reactive("");
+
let languageOptions = reactive([
{
value: "Option1",
diff --git a/src/views/myAccount/index.vue b/src/views/myAccount/index.vue
index eba9393..202a133 100644
--- a/src/views/myAccount/index.vue
+++ b/src/views/myAccount/index.vue
@@ -10,14 +10,14 @@
OLO
weqrewerwer@mail.com
-
更改密码
+
{{ $t("account.reSetPwd") }}
3 Videos Generation Left
Until 2023/12/31
-
购买更多
+
{{ $t("account.getMore") }}
@@ -30,8 +30,8 @@
Generation
- 复制邀请码
- 保存二维码
+ {{ $t("account.copyCode") }}
+ {{ $t("account.saveCode") }}
@@ -40,24 +40,24 @@
-
+
-
+
@@ -237,7 +237,7 @@
}
.state {
- width: 10%;
+ margin-right: 30px;
}
}
}
@@ -253,7 +253,6 @@
}
.state {
- width: 15%;
font-size: 14px;
line-height: 60px;
}
diff --git a/src/views/myCreating/index.vue b/src/views/myCreating/index.vue
index e8cdcd7..6538b24 100644
--- a/src/views/myCreating/index.vue
+++ b/src/views/myCreating/index.vue
@@ -3,7 +3,7 @@
@@ -14,8 +14,8 @@
- 名称
- 时间
+ {{ $t("myCreating.name") }}
+ {{ $t("myCreating.date") }}
- 下载
+ {{ $t("myCreating.download") }}
-
删除
+
{{ $t("myCreating.delete") }}
@@ -187,17 +187,17 @@ function mouseenter(item) {
position: absolute;
top: 45px;
right: 10px;
- width: 70px;
- height: 60px;
+ // width: 70px;
+ // height: 60px;
overflow: hidden;
border-radius: 10px;
&-item {
- width: 70px;
- height: 30px;
+ // width: 70px;
+ // height: 30px;
text-align: center;
background-color: #fff;
-
+ padding: 10px;
&-icon {
position: relative;
display: inline-block;