Skip to content

I
IT-monitor
Commit f6770205 authored by 张伯涛's avatar 张伯涛
Browse files
Options

登录修改

parent 60627985
Hide whitespace changes
Inline Side-by-side
Showing with 50 additions and 47 deletions
public/index.html
View file @ f6770205
......@@ -6,7 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- <link rel="icon" href="<%= BASE_URL %>home_logo.png">-->
<!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_2011217_f70ptj9y4oc.css">-->
<title><%= webpackConfig.name %></title>
<!-- <title><%= webpackConfig.name %></title>-->
<title>网络设备监控管理平台</title>
</head>
<body>
<noscript>
......
src/views/login/login.vue
View file @ f6770205
<template>
<div class="login">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
<!-- <img class="fy-logo" src="../../assets/image/denglu_logo.png">-->
<h3 class="title">IT监控系统</h3>
<img class="fy-logo" src="../../assets/image/loginLogo.png">
<div class="title">网络设备监控管理平台</div>
<div class="login-form-content">
<el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
......@@ -31,15 +31,14 @@
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
</el-input>
<!--<div class="login-code">
<img :src="codeUrl" @click="getCode">
</div>-->
<img :src="codeUrl" @click="getCode">
</div>-->
</el-form-item>
<el-form-item style="width:80%;margin-bottom: 20px">
<el-form-item style="width:100%;margin-bottom: 20px;text-align: center">
<el-button
class="blue-btn"
:loading="loading"
size="medium"
type="primary"
@click.native.prevent="handleLogin"
>
<span v-if="!loading">登 录</span>
......@@ -160,59 +159,63 @@ export default {
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../../assets/image/login-background.jpg");
background-image: url("../../assets/image/loginBg.png");
background-size: cover;
.el-input__prefix{
left: 14px;
}
.el-input--prefix .el-input__inner{
padding-left: 44px;
font-size: 16px;
}
.el-form-item {
margin-bottom: 4vh;
}
.el-input__prefix{
left: 14px;
}
.el-input--prefix .el-input__inner{
padding-left: 44px;
font-size: 16px;
}
.el-form-item {
margin-bottom: 4vh;
}
}
.fy-logo{
position: fixed;
top: 20px;
left: 45%;
width: 8vw;
top: 17px;
left: 43%;
width: 5vw;
}
.title {
margin: 7vh auto 7vh auto;
margin: 10vh auto 7vh auto;
text-align: center;
color: black;
font-size: 36px;
color: white;
font-size: 30px;
}
.login-form {
position: absolute;
background: rgba(255,255,255,.2);
backdrop-filter: blur(4px);
display: flex;
flex-direction: column;
align-items: flex-end;
border-radius: 6px;
background: #ffffff no-repeat;
//background: #ffffff no-repeat;
background-size: 59%;
background-position-y: 57px;
width: 78vw;
height: 76vh;
width: 29vw;
height: 65vh;
padding: 25px 25px 5px 25px;
.login-form-content{
position: absolute;
top: 40%;
right: 28%;
width: 45%;
//position: absolute;
//top: 40%;
//right: 28%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
.el-form-item{
width: 80%;
width: 100%;
.el-input__inner{
border-radius: 4px;
}
}
.blue-btn{
width: 36vw;
background-color: #093F8F;
width: 100%;
height: 40px;
border-radius: 4px;
font-size: 18px;
......@@ -256,19 +259,18 @@ export default {
font-size: 12px;
letter-spacing: 1px;
}
.buttons-content{
display: flex;
width: 80%;
justify-content: space-between;
padding: 0 14px;
.rem-code span{
color: $font-dark;
}
.el-link span{
color: $color-theme;
}
.rem-code span, .el-link span{
font-size: 16px;
}
.buttons-content{
display: flex;
width: 100%;
justify-content: space-between;
.rem-code span{
color: white;
}
.el-link span{
color: white;
}
.rem-code span, .el-link span{
font-size: 16px;
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment