From ce8d3e0787a499df83e2e5a7843f1d0633248440 Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Wed, 29 Oct 2025 09:39:00 +0800
Subject: [PATCH] feat:更新登录页
---
src/pages/login/index.vue | 55 ++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 48 insertions(+), 7 deletions(-)
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 7a6b748..1756d32 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -1,18 +1,20 @@
<!-- 登录页 -->
<template>
<view class="login-form-wrap">
- <img style="margin-top: 180rpx" src="@/static/images/login/logo.svg" alt=""/>
+ <img class="logo" src="@/static/images/login/logo.svg" alt=""/>
<div class="title">掌控智飞</div>
- <div style="padding: 0 60rpx">
+ <div class="user-name">
+ <img :src="usernameSvg" alt="">
<input
v-model="loginForm.username"
- class="u-border-bottom"
placeholder="请输入用户名"
/>
+
+ </div>
+ <div class="pass-word">
+ <img :src="passwordSvg" alt="">
<input
- style="margin-top: 10rpx"
v-model="loginForm.password"
- class="u-border-bottom"
type="password"
placeholder="请输入密码"
/>
@@ -31,6 +33,8 @@
import {loginByUsername} from "@/api/user/index.js";
import {useUserStore} from "@/store/index.js";
import droneSvg from '@/static/images/login/droneSvg.svg'
+import usernameSvg from '@/static/images/login/username.svg'
+import passwordSvg from '@/static/images/login/password.svg'
import {HOME_PATH, LOGIN_PATH, removeQueryString} from "@/router";
const userStore = useUserStore();
@@ -90,6 +94,14 @@
height: 100%;
width: 100%;
+ .logo {
+ width: 127px;
+ height: 51px;
+ margin: 0 auto;
+ margin-top: 104px;
+ margin-bottom: 16px;
+ }
+
.lowerRightCorner {
position: absolute;
right: 0;
@@ -110,8 +122,37 @@
text-transform: none;
color: #1452D3;
text-align: center;
- margin-top: 32rpx;
- margin-bottom: 100rpx;
+ margin-bottom: 168rpx;
+ }
+ .user-name,.pass-word {
+ display: flex;
+ //justify-content: center;
+ align-items: center;
+ margin-left: 62rpx;
+ margin-right: 58rpx;
+ height: 118rpx;
+ border-bottom: 2rpx solid #E3E3E3;
+ img {
+ width: 40rpx;
+ height: 40rpx;
+ margin-right: 12rpx;
+ }
+ :deep(uni-input) {
+ height: 40rpx;
+ line-height: 40rpx;
+ width: 80%;
+ margin-top: 20rpx;
+ }
+ :deep(.uni-input-placeholder) {
+ font-size: 32rpx;
+ color: #E3E3E3;
+ font-weight: 500;
+ }
+ //:deep(.uni-input-input) {
+ // top: 10px !important;
+ //}
+ }
+ .pass-word {
}
input {
--
Gitblit v1.9.3