徐辉辉login

04.系统编码/Frontend/src/App.vue

@@ -1,14 +1,16 @@
 <template>
-  <Header />
+<!--  <Header />-->
+  <login/>
   <router-view />
 </template>
 
 <script lang="ts">
     import Header from './components/Shared/Header.vue';
+    import Login from "./components/Login.vue";
 
     export default {
         name: 'App',
-        components: { Header },
+        components: {Login, Header },
         setup() {
             return {}
         }

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

@@ -0,0 +1,91 @@
+<template>
+  <div class="box">
+
+
+
+      <div class="login">
+        <div class="litter"><img src="/images/logo.png"/> </div>
+
+        <div class="import">
+            <h3>南京生态环境评估决策平台</h3>
+
+
+        </div>
+
+        
+
+   </div>
+
+
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'Login',
+  setup() {
+    return {}
+  }
+}
+</script>
+<style lang="less" scoped>
+
+
+    .login{
+      width: 651px;
+      height: 689px;
+      background: #FFFFFF;
+      border: 1px solid #707070;
+      opacity: 1;
+      border-radius: 10px;
+      position: relative;
+      left: 635px;
+      top: 255px;
+
+      .litter{
+        position: relative;
+        width: 239px;
+        height: 239px;
+        background: #FFFFFF;
+        border-radius: 50%;
+        opacity: 1;
+        display: flex;
+        justify-content: center;
+        left: 50%;
+        transform: translate(-50%,-50%);
+
+      }
+      .import{
+        width: 651px;
+        height: 689px;
+        background: #FFFFFF;
+        border: 1px solid #707070;
+        opacity: 1;
+        border-radius: 10px;
+
+        h3{
+          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;
+        }
+      }
+      img{
+        width: 157.33px;
+        height: 157.15px;
+        margin-top: 35px;
+      }
+
+    }
+
+
+
+
+
+  </style>

04.系统编码/Frontend/src/index.less

@@ -9,7 +9,7 @@ a {
 
 body {
     height: 100vh;
-    background: url("/images/bg.png") no-repeat top center;
+    background: url("../images/bg.png") no-repeat top center;
 }
 
 #app {

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

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