Food/food
3
0
Fork 0
Code Issues 60 Pull Requests Actions Packages Projects Releases Wiki Activity

【类 型】：refactor

Browse Source 
【原  因】：页面兼容 手机上登录框显示补全
【过  程】：改为弹性布局
【影  响】：
This commit is contained in:
tk 2024-07-18 15:15:29 +08:00
parent e7a8ebb499
commit 5a3f22a9ef
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/PlaneStatus.vue
View File

@ -26,7 +26,7 @@
<PublicTag icon="icon-gaodu" :val="plane.planeState.fixType" unit="" state="danger" /> <PublicTag icon="icon-gaodu" :val="plane.planeState.fixType" unit="" state="danger" />
</el-col> </el-col>
<el-col :span="2"> <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-col>
</el-row> </el-row>
</template> </template>

16
src/views/login.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="login-container"> <div class="login-container flex column mc">
<div class="title-container f-s-32 fb m-t-20 m-l-20 l-h-32"> <div class="title-container fb l-h-32">
<img src="@/assets/logo.png" class="m-r-15"> <img src="@/assets/logo.png" class="m-r-15">
<font class="f1 f-s-22">飞行魔方</font> <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> <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> <h3 class="f-s-30 m-b-15 fc">Authorize</h3>
<el-form-item prop="username"> <el-form-item prop="username">
<span class="svg-container"><i class="iconfont icon-yonghuziliao f-s-24"></i></span> <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" <el-input ref="username" class="usernameBox" v-model="loginForm.username" placeholder="用户" name="username"
auto-complete="on" /> type="text" tabindex="1" auto-complete="on" />
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<span class="svg-container"> <span class="svg-container">
@ -129,9 +129,8 @@ h3 {
.login-form { .login-form {
position: relative; position: relative;
width: 520px; max-width: 85vw;
max-width: 100%; width: 500px;
padding: 160px 35px 0;
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
} }
@ -159,6 +158,9 @@ h3 {
.title-container { .title-container {
color: $light_gray; color: $light_gray;
position: absolute;
top: 20px;
left: 20px;
img { img {
vertical-align: middle; vertical-align: middle;