|
|
@@ -2,7 +2,7 @@
|
|
|
<div class="nav">
|
|
|
<header>
|
|
|
<a href="/" class="nav-logo leftpadding" alt="egg">
|
|
|
- <img src="../assets/img/logo.png" style="height:55px; margin-left: 200px">
|
|
|
+ <img src="../assets/img/logo.png" style="height:55px;">
|
|
|
</a>
|
|
|
<ul class="nav-item">
|
|
|
<li><a href="http://www.dashoo.cn/product-3-1.html" alt="介绍">产品中心</a></li>
|
|
|
@@ -21,16 +21,16 @@
|
|
|
<el-row>
|
|
|
<el-col :span="15">
|
|
|
<div class="leftpadding">
|
|
|
- <img src="../assets/img/std.png" class="intelligent-img" /> </div>
|
|
|
+ <img src="../assets/img/major.png" class="intelligent-img" /> </div>
|
|
|
</el-col>
|
|
|
<el-col :span="9">
|
|
|
<el-card class="box-card" style="width: 300px;margin-top: 130px;height: 360px;">
|
|
|
<el-form class="login-form" auto-complete="off" :model="model" :rules="rules" ref="user">
|
|
|
<h2 class="heading">登录</h2>
|
|
|
- <el-form-item label="用户名" prop="username">
|
|
|
+ <el-form-item label="用户名" prop="username" style="margin-top:-5px">
|
|
|
<el-input type="text" v-model="model.username" placeholder="请输入用户名"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="密码" prop="password">
|
|
|
+ <el-form-item label="密码" prop="password" style="margin-top:-20px">
|
|
|
<el-input type="password" v-model="model.password" placeholder="请输入密码" @keyup.enter.native="login()" />
|
|
|
</el-form-item>
|
|
|
<el-button type="primary" :loading="loading" @click="login()">{{ loading ? '登录中...' : '登录' }}</el-button>
|
|
|
@@ -40,8 +40,8 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
|
|
|
- <div class="footer">
|
|
|
- <footer style="background: #F9F9F9;">
|
|
|
+ <div class="footer" style="height:calc(100vh - 500px);">
|
|
|
+ <footer>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
<div class="login_bg4">
|
|
|
@@ -125,7 +125,6 @@
|
|
|
}
|
|
|
}
|
|
|
} catch (e) {
|
|
|
- // this.$message.warning(e.message)
|
|
|
this.$message.warning('账号或密码错误')
|
|
|
} finally {
|
|
|
this.logging = false
|
|
|
@@ -147,14 +146,14 @@
|
|
|
border-bottom: 1px solid rgba(230, 230, 230, 0.99);
|
|
|
z-index: 2;
|
|
|
width: 100%;
|
|
|
- min-height: 1100px;
|
|
|
+ // min-height: 1100px;
|
|
|
position: fixed;
|
|
|
top: 0;
|
|
|
}
|
|
|
|
|
|
.nav .nav-logo {
|
|
|
padding-top: 2px;
|
|
|
- padding-left: 35px;
|
|
|
+ padding-left: 210px;
|
|
|
}
|
|
|
|
|
|
.nav-logo {
|
|
|
@@ -162,7 +161,6 @@
|
|
|
display: inline-block;
|
|
|
float: left;
|
|
|
padding-top: 2px;
|
|
|
- background: #fff;
|
|
|
}
|
|
|
|
|
|
.nav header {
|
|
|
@@ -172,27 +170,16 @@
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
- // .nav header .search-query {
|
|
|
- // height: 30px;
|
|
|
- // line-height: 32px;
|
|
|
- // box-sizing: border-box;
|
|
|
- // border: 1px solid #e6e6e6;
|
|
|
- // border-radius: 15px;
|
|
|
- // outline: none;
|
|
|
- // padding: 0 15px 0 32px;
|
|
|
- // background-size: 20px;
|
|
|
- // }
|
|
|
-
|
|
|
.nav ul.nav-item {
|
|
|
height: 32px;
|
|
|
float: left;
|
|
|
line-height: 32px;
|
|
|
- padding-left: 405px;
|
|
|
+ padding-left: 470px;
|
|
|
}
|
|
|
|
|
|
.nav ul.nav-item li {
|
|
|
display: inline-block;
|
|
|
- margin-left: 45px;
|
|
|
+ margin-left: 25px;
|
|
|
}
|
|
|
|
|
|
.nav ul.nav-item a {
|
|
|
@@ -206,7 +193,9 @@
|
|
|
text-align: center;
|
|
|
background: url("../assets/img/Background.png");
|
|
|
width: 100%;
|
|
|
- height: 150%;
|
|
|
+ // height: 150%;
|
|
|
+ min-height: 575px;
|
|
|
+ height: calc(100vh - 200px);
|
|
|
margin: 0 auto;
|
|
|
background-size: cover;
|
|
|
}
|
|
|
@@ -217,7 +206,7 @@
|
|
|
}
|
|
|
|
|
|
.intelligent-img {
|
|
|
- width: 600px;
|
|
|
+ width: 650px;
|
|
|
margin-bottom: 2.5rem;
|
|
|
margin-top: -30px;
|
|
|
}
|
|
|
@@ -230,6 +219,7 @@
|
|
|
.footer {
|
|
|
min-width: 1100px;
|
|
|
width: 100%;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.footer a {
|
|
|
@@ -238,8 +228,8 @@
|
|
|
|
|
|
.footer footer {
|
|
|
overflow: hidden;
|
|
|
- // max-width: 1136px;
|
|
|
- max-width: 1550px;
|
|
|
+ min-width: 1136px;
|
|
|
+ // max-width: 1550px;
|
|
|
margin: 0 auto;
|
|
|
padding-top: 0px;
|
|
|
padding-bottom: 30px;
|
|
|
@@ -251,7 +241,9 @@
|
|
|
}
|
|
|
|
|
|
.login_bg4 {
|
|
|
- padding-left: 220px;
|
|
|
+ float: right;
|
|
|
+ // padding-left: 220px;
|
|
|
+ padding-right: 350px;
|
|
|
padding-top: 15px;
|
|
|
}
|
|
|
|
|
|
@@ -279,6 +271,11 @@
|
|
|
|
|
|
.login {
|
|
|
&-form {
|
|
|
+ .heading {
|
|
|
+ text-align: center;
|
|
|
+ color: #1c96ff;
|
|
|
+ }
|
|
|
+
|
|
|
.el-button {
|
|
|
margin-top: 0.5rem;
|
|
|
width: 100%;
|