| @@ -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: "修改密码", | |||||
| }, | |||||
| }, | |||||
| ], | |||||
| }, | }, | ||||
| // 商店 | // 商店 | ||||
| { | { | ||||
| @@ -8,6 +8,12 @@ | |||||
| div { | div { | ||||
| cursor: default; | cursor: default; | ||||
| } | |||||
| // 鼠标放上去变小手 | |||||
| .pointer { | |||||
| cursor: pointer; | |||||
| } | } | ||||
| .myBtn { | .myBtn { | ||||
| @@ -20,22 +26,24 @@ div { | |||||
| p { | p { | ||||
| margin: 0; | margin: 0; | ||||
| } | } | ||||
| // y轴滚动盒子auto | // y轴滚动盒子auto | ||||
| .scrolly { | .scrolly { | ||||
| overflow-y: auto; /* 启用Y轴滚动 */ | |||||
| overflow-y: auto; | |||||
| /* 启用Y轴滚动 */ | |||||
| // overflow-y: scroll; /* 启用Y轴滚动 */ | // overflow-y: scroll; /* 启用Y轴滚动 */ | ||||
| scrollbar-width: thin; /* 在支持的浏览器上显示细的滚动条 */ | |||||
| scrollbar-width: thin; | |||||
| /* 在支持的浏览器上显示细的滚动条 */ | |||||
| } | } | ||||
| .scrolly::-webkit-scrollbar { | .scrolly::-webkit-scrollbar { | ||||
| display: none; | display: none; | ||||
| width: 0; | width: 0; | ||||
| } | } | ||||
| // 主题色 | // 主题色 | ||||
| .themeColor { | .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%)); | |||||
| } | |||||
| @@ -10,7 +10,9 @@ | |||||
| <div class="info"> | <div class="info"> | ||||
| <div class="name">OLO</div> | <div class="name">OLO</div> | ||||
| <span>weqrewerwer@mail.com</span> | <span>weqrewerwer@mail.com</span> | ||||
| <span class="password">{{ $t("account.reSetPwd") }}</span> | |||||
| <span class="password pointer" @click="routerTo('/myPassword')">{{ | |||||
| $t("account.reSetPwd") | |||||
| }}</span> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <!-- 剩余次数 --> | <!-- 剩余次数 --> | ||||
| @@ -22,7 +24,9 @@ | |||||
| 剩余生成视频次数:3条 | 剩余生成视频次数:3条 | ||||
| </div> | </div> | ||||
| <div class="time">{{ $t("account.until") }} 2023/12/31</div> | <div class="time">{{ $t("account.until") }} 2023/12/31</div> | ||||
| <div class="getMore">{{ $t("account.getMore") }}</div> | |||||
| <div class="getMore pointer" @click="routerTo('/myStore')"> | |||||
| {{ $t("account.getMore") }} | |||||
| </div> | |||||
| </div> | </div> | ||||
| <!-- 邀请码 --> | <!-- 邀请码 --> | ||||
| <div class="left-three border flex justify-between"> | <div class="left-three border flex justify-between"> | ||||
| @@ -94,6 +98,12 @@ import { useI18n } from "vue-i18n"; | |||||
| const { locale } = useI18n(); | const { locale } = useI18n(); | ||||
| const currentLan = ref(locale); | const currentLan = ref(locale); | ||||
| import { useRouter } from "vue-router"; | |||||
| const router = useRouter(); | |||||
| function routerTo(url) { | |||||
| router.push(url); | |||||
| } | |||||
| </script> | </script> | ||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||
| @@ -0,0 +1,38 @@ | |||||
| <template> | |||||
| <div class="page flex"> | |||||
| <el-form | |||||
| :label-position="labelPosition" | |||||
| label-width="100px" | |||||
| :model="formLabelAlign" | |||||
| style="max-width: 460px" | |||||
| > | |||||
| <el-form-item label="Name"> | |||||
| <el-input v-model="formLabelAlign.name" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="Activity zone"> | |||||
| <el-input v-model="formLabelAlign.region" /> | |||||
| </el-form-item> | |||||
| <el-form-item label="Activity form"> | |||||
| <el-input v-model="formLabelAlign.type" /> | |||||
| </el-form-item> | |||||
| </el-form> | |||||
| </div> | |||||
| </template> | |||||
| <script setup> | |||||
| const labelPosition = ref("right"); | |||||
| const formLabelAlign = reactive({ | |||||
| name: "", | |||||
| region: "", | |||||
| type: "", | |||||
| }); | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .page { | |||||
| height: 887px; | |||||
| padding: 20px 0 0 20px; | |||||
| // height: calc(100vh - 84px); | |||||
| background-color: #fff; | |||||
| border-radius: 25px 0 0; | |||||
| } | |||||
| </style> | |||||