From d37ceed2ad5b94bbfc71a8a4cbdb7b498ddf724d Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Sat, 19 Jul 2025 14:14:18 +0800
Subject: [PATCH] 1
---
src/page/login/login.vue | 62 ++++++++++++++++++++-----------
1 files changed, 40 insertions(+), 22 deletions(-)
diff --git a/src/page/login/login.vue b/src/page/login/login.vue
index 0fe3d47..c3484ec 100644
--- a/src/page/login/login.vue
+++ b/src/page/login/login.vue
@@ -2,21 +2,22 @@
<div class="login_page">
<headers />
<div class="login_title animated slideInDown">
- <span>{{ $t("登錄賬號") }}</span>
+ <span style="font-size: 32px;">{{ $t("登錄賬號") }}</span>
</div>
<div class="logins_content">
<div class="login_forms">
<div class="top_forms">
- <el-input
+ <span style="margin-bottom: 20px;font-size: 16px;">{{ $t("手机号") }}</span>
+ <el-input style="margin-bottom: 20px;border-radius: 4px;border: 1px solid #ECE9F2;"
:placeholder="$t('hj9')"
:size="medium"
- maxlength="11"
v-model="userName"
clearable
>
</el-input>
+ <span style="margin-bottom: 5px;font-size: 16px;">{{ $t("密码") }}</span>
<el-input
- style="margin-top: 0.46rem"
+ style="margin-top: 0.46rem;border: 1px solid #ECE9F2;border-radius: 4px;"
show-password
:placeholder="$t('hj10')"
:size="medium"
@@ -33,28 +34,36 @@
@click="loginIN"
>{{ $t("立即登录") }}</van-button
>
- <div class="password-operate" data-v-8cc76a7b="">
- <div class="forget" data-v-8cc76a7b="" @click="getApp()">
- {{ $t("hj12") }}
+ <div class="password-operate" >
+
+ <div class="register" data-v-8cc76a7b="">
+ {{ $t("還沒賬號？")
+ }}<span
+ @click="$router.push('/register')"
+ >{{ $t("免費註冊") }}</span
+ >
</div>
- <div class="remember" data-v-8cc76a7b="">
+ <!-- <div class="remember" data-v-8cc76a7b="">
<van-checkbox @change="checkboxChange" v-model="checked">{{
$t("記住帳戶密碼")
}}</van-checkbox>
+ </div> -->
+ <div class="forget" data-v-8cc76a7b="" @click="getApp()">
+ {{ $t("hj12") }}
</div>
</div>
</div>
</div>
- <div class="register" data-v-8cc76a7b="">
+ <!-- <div class="register" data-v-8cc76a7b="">
{{ $t("還沒賬號？")
}}<span
@click="$router.push('/register')"
data-v-8cc76a7b=""
style="color: rgb(5, 106, 239)"
- >{{$t('免費註冊')}}</span
+ >{{ $t("免費註冊") }}</span
>
- </div>
+ </div> -->
</div>
</div>
</template>
@@ -62,6 +71,7 @@
import headers from "./components/header.vue";
import * as api from "@/axios/api";
import { Notify } from "vant";
+import { mapActions, mapMutations } from "vuex";
export default {
name: "newLogin",
@@ -91,6 +101,8 @@
},
methods: {
+ ...mapActions(["setUseInfo"]),
+ ...mapMutations(["undataToken"]),
checkboxChange(e) {
window.localStorage.setItem("login_checked", e);
},
@@ -114,6 +126,7 @@
let data = await api.login(opts);
if (data.status === 0) {
+ this.setUseInfo();
if (this.checked) {
window.localStorage.setItem(
"login_admin",
@@ -127,14 +140,13 @@
}
this.$store.state.userInfo.phone = this.userName;
this.$store.state.userInfo.token = data.data.token;
-
+ this.undataToken(data.data.token);
+ window.localStorage.setItem("USERTOKEN", data.data.token);
Notify({ type: "success", message: this.$t("hj36") });
setTimeout(() => {
this.$router.push("/home");
}, 1000);
-
- window.localStorage.setItem("USERTOKEN", data.data.token);
} else {
Notify({ type: "warning", message: data.msg });
}
@@ -168,10 +180,13 @@
font-weight: 400;
font-size: 0.37333rem;
color: #8c9fad;
- margin: 0 auto;
- padding: 0.34667rem 0.4rem;
+ // margin: 0.4rem auto;
+ // padding: 0.34667rem 0.4rem;
+ // width: 100%;
+ // height: 6rem;
+ text-align: center;
span {
- color: rgb(5, 106, 239);
+ color: #185546;
}
}
.login_title {
@@ -198,6 +213,7 @@
display: flex;
flex-direction: column;
height: 100vh;
+ background-color:#F8FAF9;
}
.logins_content {
@@ -207,7 +223,7 @@
width: 100%;
height: 9.7436rem;
margin-top: 0.4359rem;
- background: #fff;
+ // background: #fff;
// padding: 0 0.4564rem;
.login_forms {
@@ -219,7 +235,7 @@
flex: 1;
display: flex;
flex-direction: column;
-
+ margin-top: 10px;
.top_forms {
width: 100%;
height: auto;
@@ -231,7 +247,7 @@
.password {
width: 100%;
height: 50px;
- background: rgb(246, 246, 247);
+ background: rgb(254, 254, 255);
// background: #1e1e1e;
border-radius: 0.3564rem;
@@ -247,7 +263,7 @@
/deep/.el-input__inner {
width: 100%;
height: 70px;
- background-color: rgb(246, 246, 247) !important;
+ background-color: #fff !important;
// background: #1e1e1e;
border-radius: 8px;
font-size: 0.45rem !important;
@@ -263,13 +279,15 @@
margin-top: 40px;
height: 60px;
border-radius: 8px;
+ background-color: #185546;
+ border: 0.018519rem solid #185546;
}
.top_btn {
border: none;
width: 100%;
height: 1.25rem;
border-radius: 8px;
- background: #0066ed;
+ background-color: #185546;
color: #fff;
display: flex;
align-items: center;
--
Gitblit v1.9.3