commit

04.系统编码/Frontend/src/components/Login.vue

@@ -3,13 +3,18 @@
 
 
 
-      <div class="login">
+      <div class="loginInput">
-        <div class="litter"><img src="/images/logo.png"/> </div>
+        <div class="litterSemicircle"><img src="/images/logo.png"/> </div>
-
+
-        <div class="import">
+        <div class="importInput">
-            <h3>南京生态环境评估决策平台</h3>
+          <div>
-
+            <h1>南京生态环境评估决策平台</h1>
-
+          <el-input v-model="input4" placeholder="请输入账户" class="input">
+            <template #prefix>
+              <el-icon class="el-input__icon"><search /></el-icon>
+            </template>
+          </el-input>
+          </div>
         </div>
 
 
@@ -29,9 +34,10 @@ export default {
 }
 </script>
 <style lang="less" scoped>
+  .box {
 
 
-    .login{
+    .loginInput {
       width: 651px;
       height: 689px;
       background: #FFFFFF;
@@ -39,11 +45,12 @@ export default {
       opacity: 1;
       border-radius: 10px;
       position: relative;
-      left: 635px;
+      left: 50%;
       top: 255px;
+      transform: translateX(-50%);
 
-      .litter{
+      .litterSemicircle {
-        position: relative;
+        position: absolute;
         width: 239px;
         height: 239px;
         background: #FFFFFF;
@@ -52,37 +59,41 @@ export default {
         display: flex;
         justify-content: center;
         left: 50%;
-        transform: translate(-50%,-50%);
+        transform: translate(-50%, -50%);
 
       }
-      .import{
+
+      .importInput {
         width: 651px;
         height: 689px;
         background: #FFFFFF;
         border: 1px solid #707070;
         opacity: 1;
         border-radius: 10px;
+        display: flex;
+        justify-content: center;
 
-        h3{
+        h1 {
           width: 393px;
-          height: 40px;
           font-size: 30px;
           font-family: Microsoft YaHei;
           font-weight: bold;
           line-height: 40px;
           color: #222222;
           text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-
           opacity: 1;
+          margin-top: 120px;
         }
       }
-      img{
+
+      img {
         width: 157.33px;
         height: 157.15px;
         margin-top: 35px;
       }
 
     }
+  }
 
 
 

04.系统编码/Frontend/src/router/index.ts

@@ -1,7 +1,7 @@
 import {createRouter, createWebHashHistory} from 'vue-router';
 
 const routes: any = [
-    { path: '/', redirect: '/MicrowaveRadiation'},
+    { path: '/', redirect: '/Login'},
     // { 
     //     path: '/MicrowaveRadiation', 
     //     component: () => import('../components/MicrowaveRadiation/Index.vue'),