Browse Source

徐辉辉login

master
徐辉辉 3 years ago
parent
commit
df4e4252fd
  1. 3661
      04.系统编码/Frontend/package-lock.json
  2. 6
      04.系统编码/Frontend/src/App.vue
  3. 91
      04.系统编码/Frontend/src/components/Login.vue
  4. 2
      04.系统编码/Frontend/src/index.less
  5. 3
      04.系统编码/Frontend/src/router/index.ts

3661
04.系统编码/Frontend/package-lock.json

File diff suppressed because it is too large

6
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 {}
}

91
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>

2
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 {

3
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') },

Loading…
Cancel
Save