diff --git a/src/router/index.ts b/src/router/index.ts index 133c639..aba41e7 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -78,6 +78,24 @@ export const constantRoutes: RouteRecordRaw[] = [ }, }, ], + },// 修改密码 + { + path: "/", + component: Layout, + redirect: "/myPassword", + children: [ + { + path: "myPassword", + component: () => import("@/views/myPassword/index.vue"), + name: "myPassword", + meta: { + title: "myPassword", + icon: "homepage", + affix: true, + name: "修改密码", + }, + }, + ], }, // 商店 { diff --git a/src/styles/my.scss b/src/styles/my.scss index c923403..b80a479 100644 --- a/src/styles/my.scss +++ b/src/styles/my.scss @@ -8,6 +8,12 @@ div { cursor: default; + +} + +// 鼠标放上去变小手 +.pointer { + cursor: pointer; } .myBtn { @@ -20,22 +26,24 @@ div { p { margin: 0; } + // y轴滚动盒子auto .scrolly { - overflow-y: auto; /* 启用Y轴滚动 */ + overflow-y: auto; + /* 启用Y轴滚动 */ // overflow-y: scroll; /* 启用Y轴滚动 */ - scrollbar-width: thin; /* 在支持的浏览器上显示细的滚动条 */ + scrollbar-width: thin; + /* 在支持的浏览器上显示细的滚动条 */ } .scrolly::-webkit-scrollbar { display: none; width: 0; } + // 主题色 .themeColor { - background: linear-gradient( - 225deg, - rgb(81 217 202 / 100%), - rgb(114 100 245 / 100%) - ); -} + background: linear-gradient(225deg, + rgb(81 217 202 / 100%), + rgb(114 100 245 / 100%)); +} \ No newline at end of file diff --git a/src/views/myAccount/index.vue b/src/views/myAccount/index.vue index 26f752a..07f6358 100644 --- a/src/views/myAccount/index.vue +++ b/src/views/myAccount/index.vue @@ -10,7 +10,9 @@
OLO
weqrewerwer@mail.com - {{ $t("account.reSetPwd") }} + {{ + $t("account.reSetPwd") + }}
@@ -22,7 +24,9 @@ 剩余生成视频次数:3条
{{ $t("account.until") }} 2023/12/31
-
{{ $t("account.getMore") }}
+
+ {{ $t("account.getMore") }} +
@@ -94,6 +98,12 @@ import { useI18n } from "vue-i18n"; const { locale } = useI18n(); const currentLan = ref(locale); + +import { useRouter } from "vue-router"; +const router = useRouter(); +function routerTo(url) { + router.push(url); +}