feat:更新登录页

chenyao

2025-10-29 ce8d3e0787a499df83e2e5a7843f1d0633248440

 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 {