Kaynağa Gözat

调整登录页面集成及样式

liling 1 yıl önce
ebeveyn
işleme
c9e0130ee6

+ 6 - 2
public/index.html

@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
   <title>
     <%= htmlWebpackPlugin.options.title %>
@@ -21,4 +21,8 @@
   <script src="./SmCrypto.min.js"></script>
 </body>
 
-</html>
+</html>
+<script>
+  // alert(window.innerWidth)
+  document.documentElement.style.fontSize = "12px"
+</script>

+ 1 - 0
src/App.vue

@@ -16,5 +16,6 @@ export default {
 <style>
 body{
   margin: 0;
+  background-color: #FFF;
 }
 </style>

+ 40 - 24
src/pages/login/LoginNow.vue

@@ -12,11 +12,11 @@
             </div>
             <!-- 登录信息 -->
             <div class="formBox">
-                <el-form :model="loginForm" label-width="65px" style="padding-top: 30px;">
-                    <el-form-item label="用户名">
+                <el-form :model="loginForm" label-width="25px" style="padding-top: 24px;">
+                    <el-form-item>
                         <el-input class="loginInp" v-model="loginForm.username" placeholder="你的账号..."  maxlength="32" />
                     </el-form-item>
-                    <el-form-item label="密码">
+                    <el-form-item>
                         <el-input class="loginInp" type="password" v-model="loginForm.userpass" placeholder="你的密码..." maxlength="32" />
                     </el-form-item>
                 </el-form>
@@ -75,8 +75,11 @@ export default {
             //         })
             //     }
             // })
-            windowEx.Size(1920,1040)
-            windowEx.Position('center')
+            if (typeof(window.windowEx)!="undefined")
+            {
+                windowEx.Size(0,0) //全屏
+                windowEx.Position('center')
+            }
             router.push('/home/mission')
             // 
         }
@@ -103,57 +106,70 @@ export default {
 
 <style scoped>
 .bigBox {
-    width: 100%;
-    height: 100%;
+    width: 31.8rem;
+    height: 35.5rem;
     margin: 0;
-    background-color: rgba(127, 127, 127, 0.5);
+    background: #FFFFFF;
+    box-shadow: 0px 1px 1.25rem 2px rgba(61,128,177,0.13);
     position: relative;
+    border: 1px solid #ededed;
+    border-radius: 3px;
 }
 
 .formBox {
-    width: 320px;
-    height: 240px;
+    width: 26.67rem;
+    height: 18.33rem;
     text-align: center;
     background: #FFFFFF;
-    box-shadow: 0px 1px 20px 3px rgba(52, 123, 231, 0.12);
+    box-shadow: 0px 1px 1.67rem 3px rgba(52, 123, 231, 0.12);
     border-radius: 4px 4px 4px 4px;
     opacity: 1;
     margin: 0 auto;
 }
 
 .imgBox {
-    width: 272px;
-    height: 100px;
+    width: 22.67rem;
+    height: 8.33rem;
     margin: 0 auto;
-    padding-top: 60px;
+    padding-top: 5rem;
+    text-align: center;
+    color: #1A2447;
+    font-weight: bold;
+    font-size: 1.67rem;
 }
 
 .loginInp {
-    width: 230px;
-    height: 40px;
+    width: 22.5rem;
+    height: 3.33rem;
+    margin-top: 5px;
+    border: 1px solid #A3ADE0;
 }
 
 .loginBtn {
-    width: 272px;
-    height: 40px;
+    width: 22.67rem;
+    height: 3.33rem;
+    margin-top: 10px;
+    background-color: #255CE7;
 }
 
 .winBox {
-    width: 68px;
-    height: 68px;
+    width: 5.67rem;
+    height: 5.67rem;
     position: absolute;
     top: 0px;
     right: 0px;
+    color: #676767;
 }
 
 .winBtn {
-    width: 34px;
-    height: 34px;
+    width: 2.83rem;
+    height: 2.83rem;
     background-color: transparent;
     border: none;
-    font-size: 30px;
+    font-size: 2.5rem;
     text-align: center;
-    line-height: 34px;
+    line-height: 2.83rem;
+    color: #676767;
 }
 
 .winBtn:nth-child(1):hover {

+ 1 - 0
src/pages/mission/MissionVue.vue

@@ -69,6 +69,7 @@
 import { ref, onMounted } from 'vue';
 export default {
     setup() {
+        document.documentElement.style.fontSize = (window.innerWidth / 1920 * 12) + "px"
         let btnList = ref([
             {
                 name: "当前检测任务",