From 562283d89e732d5d5dbe4e69b45b592642caf9ac Mon Sep 17 00:00:00 2001 From: xhhing <1370112271@qq.com> Date: Fri, 1 Nov 2024 23:34:31 +0800 Subject: [PATCH] add:popup component, update:register/forget/change pages --- App.vue | 4 +- components/my-pop-up/my-pop-up.vue | 147 ++++++++++++++ pages/homepages/home/home.vue | 5 +- pages/login/account_login/account_login.vue | 13 +- .../login/change_password/change_password.vue | 114 +++++++---- .../login/forget_password/forget_password.vue | 115 +++++++---- pages/login/register/register.vue | 192 +++++++++++------- static/components/my_pop_up/close_icon.png | Bin 0 -> 835 bytes static/components/my_pop_up/line.png | Bin 0 -> 246 bytes static/components/my_pop_up/plane.png | Bin 0 -> 13307 bytes .../dist/cache/.vite/deps/_metadata.json | 6 +- 11 files changed, 435 insertions(+), 161 deletions(-) create mode 100644 components/my-pop-up/my-pop-up.vue create mode 100644 static/components/my_pop_up/close_icon.png create mode 100644 static/components/my_pop_up/line.png create mode 100644 static/components/my_pop_up/plane.png diff --git a/App.vue b/App.vue index 4ef4d1e..d561f74 100644 --- a/App.vue +++ b/App.vue @@ -10,10 +10,12 @@ import tarbar_home from "@/components/tarbar_home/tarbar_home.vue"; import tarbar_user from "@/components/tarbar_user/tarbar_user.vue"; import tarbar_community from "@/components/tarbar_community/tarbar_community.vue"; import tarbar_puppy_chat from "@/components/tarbar_puppy_chat/tarbar_puppy_chat.vue"; +import myPopUp from './components/my-pop-up/my-pop-up.vue'; export default { components: { - tarbar + tarbar, + myPopUp, //js变量名中不能有‘-’ }, onLaunch: function() { console.log('App Launch'); diff --git a/components/my-pop-up/my-pop-up.vue b/components/my-pop-up/my-pop-up.vue new file mode 100644 index 0000000..f5dbc49 --- /dev/null +++ b/components/my-pop-up/my-pop-up.vue @@ -0,0 +1,147 @@ + + + + + \ No newline at end of file diff --git a/pages/homepages/home/home.vue b/pages/homepages/home/home.vue index 13eaf52..6946db7 100644 --- a/pages/homepages/home/home.vue +++ b/pages/homepages/home/home.vue @@ -8,7 +8,10 @@ diff --git a/pages/login/account_login/account_login.vue b/pages/login/account_login/account_login.vue index 2a66bb8..93f79d2 100644 --- a/pages/login/account_login/account_login.vue +++ b/pages/login/account_login/account_login.vue @@ -34,6 +34,7 @@ *密码错误 + @@ -82,9 +83,9 @@ const captchaWordsBottomBorder = computed(() => isPassagePage.value? "none":"0.1 const isOpened = ref(true); //密码是否明文显示的标志 const eyesStateIcon = ref("../../../static/login/account_login/login_part/closedeyes.png"); -const isPhoneError = ref(true); -const isPassageError = ref(true); -const isCaptchaError = ref(true); +const isPhoneError = ref(false); +const isPassageError = ref(false); +const isCaptchaError = ref(false); //进入验证码登录页面 function toCaptchaEvent(){ @@ -230,11 +231,6 @@ function forgetPassageClick(){ .account_box{ display: flex; flex-direction: column; - // .account_input_box{ - // padding-left: 3%; - // padding-right: 3%; - // background-color: #D5E9FF; - // border-radius: 12px; .account{ height: 5.5vh; padding-left: 11%; @@ -245,7 +241,6 @@ function forgetPassageClick(){ background-color: #D5E9FF; font-size: 0.8rem; } - // } } .passage_box{ display: flex; diff --git a/pages/login/change_password/change_password.vue b/pages/login/change_password/change_password.vue index 2f3dbcd..80b3849 100644 --- a/pages/login/change_password/change_password.vue +++ b/pages/login/change_password/change_password.vue @@ -10,41 +10,62 @@
- - + + + + + - - + + + + + *两次密码不相同
+ +