From bab1b2feb56d2ecb0eb2ec3e56524e3227ef9d55 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Mon, 12 Jan 2026 10:22:06 +0800
Subject: [PATCH] feat:app更新
---
uniapps/work-app/src/pages/login/index.vue | 21 +++++++++++++--------
1 files changed, 13 insertions(+), 8 deletions(-)
diff --git a/uniapps/work-app/src/pages/login/index.vue b/uniapps/work-app/src/pages/login/index.vue
index f6296b6..3d3ce58 100644
--- a/uniapps/work-app/src/pages/login/index.vue
+++ b/uniapps/work-app/src/pages/login/index.vue
@@ -11,10 +11,10 @@
<div class="pass-word">
<input
v-model="loginForm.password"
- type="password"
+ :type="showPassword ? 'text' : 'password'"
placeholder="请输入密码"
/>
- <image :src="showPasswordSvg" />
+ <image :src="showPassword ? openPassword : showPasswordSvg" @click="toggleShowPassword" class="password-toggle-icon" />
</div>
<div class="remember-password">
<label>
@@ -47,15 +47,10 @@
import { useUserStore } from "@/store/index.js";
import { HOME_PATH, LOGIN_PATH, removeQueryString } from "@/router";
-import { ref } from "vue";
import logoSvg from "@/static/images/logo.svg";
import showPasswordSvg from "@/static/images/show-password.svg";
-
-const droneSvg = getAssetsImage("/images/login/droneSvg.svg");
-const usernameSvg = getAssetsImage("/images/login/username.svg");
-const passwordSvg = getAssetsImage("/images/login/password.svg");
-// const logoSvg = getAssetsImage("/images/login/logo.svg");
+import openPassword from "@/static/images/openPassword.svg";
const agreed = ref(true);
@@ -65,6 +60,7 @@
password: "",
});
const rememberPassword = ref(false);
+const showPassword = ref(false);
const inputStyle = computed(() => {
const style = {};
if (loginForm.value.username && loginForm.value.password) {
@@ -76,6 +72,10 @@
let redirect = HOME_PATH;
function toggleRemember(e) {
rememberPassword.value = e.detail.value.length > 0;
+}
+
+function toggleShowPassword() {
+ showPassword.value = !showPassword.value;
}
async function submit() {
@@ -213,6 +213,11 @@
.user-name{
margin-bottom: 40rpx;
}
+ .pass-word{
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ }
.user-name,
.pass-word {
display: flex;
--
Gitblit v1.9.3