From 5a3f22a9ef5c6bb20f76b6cbc42c307ff235d3a9 Mon Sep 17 00:00:00 2001
From: tk <szdot@live.com>
Date: Thu, 18 Jul 2024 15:15:29 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E7=B1=BB=20=20=E5=9E=8B=E3=80=91?=
 =?UTF-8?q?=EF=BC=9Arefactor=20=E3=80=90=E5=8E=9F=20=20=E5=9B=A0=E3=80=91?=
 =?UTF-8?q?=EF=BC=9A=E9=A1=B5=E9=9D=A2=E5=85=BC=E5=AE=B9=20=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E4=B8=8A=E7=99=BB=E5=BD=95=E6=A1=86=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E8=A1=A5=E5=85=A8=20=E3=80=90=E8=BF=87=20=20=E7=A8=8B=E3=80=91?=
 =?UTF-8?q?=EF=BC=9A=E6=94=B9=E4=B8=BA=E5=BC=B9=E6=80=A7=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=20=E3=80=90=E5=BD=B1=20=20=E5=93=8D=E3=80=91=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PlaneStatus.vue |  2 +-
 src/views/login.vue            | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/PlaneStatus.vue b/src/components/PlaneStatus.vue
index 1557e42..3be393f 100644
--- a/src/components/PlaneStatus.vue
+++ b/src/components/PlaneStatus.vue
@@ -26,7 +26,7 @@
       <PublicTag icon="icon-gaodu" :val="plane.planeState.fixType" unit="" state="danger" />
     </el-col>
     <el-col :span="2">
-      <PublicTag icon="icon-gaodu" val="50" unit="米" state="danger" />
+      <PublicTag icon="icon-gaodu" :val="plane.planeState.batteryRemaining" unit="米" state="danger" />
     </el-col>
   </el-row>
 </template>
diff --git a/src/views/login.vue b/src/views/login.vue
index 34967bb..fcf6ad0 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="login-container">
-    <div class="title-container f-s-32 fb m-t-20 m-l-20 l-h-32">
+  <div class="login-container flex column mc">
+    <div class="title-container fb l-h-32">
       <img src="@/assets/logo.png" class="m-r-15">
       <font class="f1 f-s-22">飞行魔方</font>
       <font class="f2 f-s-10 m-l-5" style="vertical-align :top">v.1.0.1</font>
@@ -9,8 +9,8 @@
       <h3 class="f-s-30 m-b-15 fc">Authorize</h3>
       <el-form-item prop="username">
         <span class="svg-container"><i class="iconfont icon-yonghuziliao f-s-24"></i></span>
-        <el-input ref="username" class="usernameBox" v-model="loginForm.username" placeholder="用户" name="username" type="text" tabindex="1"
-          auto-complete="on" />
+        <el-input ref="username" class="usernameBox" v-model="loginForm.username" placeholder="用户" name="username"
+          type="text" tabindex="1" auto-complete="on" />
       </el-form-item>
       <el-form-item prop="password">
         <span class="svg-container">
@@ -129,9 +129,8 @@ h3 {
 
   .login-form {
     position: relative;
-    width: 520px;
-    max-width: 100%;
-    padding: 160px 35px 0;
+    max-width: 85vw;
+    width: 500px;
     margin: 0 auto;
     overflow: hidden;
   }
@@ -159,6 +158,9 @@ h3 {
 
   .title-container {
     color: $light_gray;
+    position: absolute;
+    top: 20px;
+    left: 20px;
 
     img {
       vertical-align: middle;