From 44db498cedee7573d090797b1fe5c331c413b00a Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Mon, 22 Apr 2024 19:03:57 +0800
Subject: [PATCH] first
---
src/components/loginDialog.vue | 62 ++++++++++++++++++++++--------
1 files changed, 45 insertions(+), 17 deletions(-)
diff --git a/src/components/loginDialog.vue b/src/components/loginDialog.vue
index f521f0a..1f22307 100644
--- a/src/components/loginDialog.vue
+++ b/src/components/loginDialog.vue
@@ -1,28 +1,28 @@
<template>
<div class="login_dialog_pag">
- <van-popup v-model="dialogVisible" position="bottom" :style="{ height: '50%' }">
+ <van-popup v-model="$store.state.dialogVisible" position="bottom" :close-on-click-overlay="clickOverlay" @click-overlay="overlay" :style="{ height: '50%' }">
<div class="dialog_content">
<div class="top_close">
- <div class="close" @click="dialogVisible = false">
+ <div class="close" @click="close">
<img src="@/assets/img/close3.png" alt="">
</div>
</div>
<div class="welcome_dialog">
- <span>{{ '欢迎回来' }}</span>
+ <span>{{ $t('hj221') }}</span>
</div>
<div class="portrait">
<div>
- <img src="@/assets/img/eslogo.png" alt />
+ <img src="@/assets/img/img_log_home.png" alt />
</div>
</div>
<div class="names">
- <span>{{ 'Mitrade' }}</span>
+ <span>{{ 'Fidelity' }}</span>
</div>
<div class="go_login_btn background" @click="goToLogin()">
- <span class="title1">{{ '使用手机号登录' }}</span>
+ <span class="title1">{{ $t('hj222') }}</span>
</div>
<div class="go_login_btn">
- <span class="title2" @click="goToReg()">{{ '还没有账号?去注册!' }}</span>
+ <span class="title2" @click="goToReg()">{{ $t('hj223') }}</span>
</div>
</div>
</van-popup>
@@ -30,30 +30,58 @@
</template>
<script>
+import * as api from "@/axios/api";
+
export default {
name: "dialogVisible",
+ props: {
+ // dialogVisible: {
+ // type: Boolean,
+ // default: false
+ // }
+ },
data() {
return {
- dialogVisible: false,
- routeShowPathArr: ['/home']
+ //dialogVisible: false,
+ routeShowPathArr: ['/home'],
+ clickOverlay: false
};
},
mounted() {
if (!this.routeShowPathArr.includes(this.$route.path)) { // 查找不弹出的path
- setTimeout(() => {
- this.dialogVisible = true;
- }, 1000);
+ this.getUserInfo();
}
},
methods: {
+ close() {
+ this.$emit("close");
+ //dialogVisible = false
+ },
goToLogin() {
- this.dialogVisible = false;
+ this.$emit("close");
+ //this.dialogVisible = false;
this.$router.push('/login')
},
+ overlay(){
+ this.$emit("close");
+ },
goToReg() {
- this.dialogVisible = false;
+ this.$emit("close");
+ //this.dialogVisible = false;
this.$router.push('/register');
- }
+ },
+ async getUserInfo() {
+ // 获取用户信息
+ // let data = await api.getUserInfo();
+ // if (data.status === 0) {
+ // // 判断是否登录
+ // this.dialogVisible = false;
+ // } else {
+ // setTimeout(() => {
+ // this.dialogVisible = true;
+ // }, 1000);
+ // }
+ },
}
};
</script>
@@ -108,7 +136,7 @@
div {
width: 2.8rem;
height: 2.8rem;
- background: #ccc;
+ background: #fff;
border-radius: 50%;
overflow: hidden;
img {
@@ -155,4 +183,4 @@
.van-popup.van-popup--bottom{
border-radius: .2rem .2rem 0 0;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3