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 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{title}}
+
+ {{content}}
+
+
+
+
+
+
+
+
+
+
+
\ 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 @@
+
+