Merge branch 'master' of https://gitee.com/virus010101/linfeng-community
This commit is contained in:
commit
fc8cd41734
@ -3,7 +3,7 @@
|
|||||||
<div class="site-content__wrapper">
|
<div class="site-content__wrapper">
|
||||||
<div class="site-content">
|
<div class="site-content">
|
||||||
<div class="brand-info">
|
<div class="brand-info">
|
||||||
<h2 class="brand-info__text">林风社交论坛后台系统</h2>
|
<h2 class="brand-info__text">林风社交论坛-开源版后台系统</h2>
|
||||||
<p class="brand-info__intro">
|
<p class="brand-info__intro">
|
||||||
基于Springboot MybatisPlus Shiro Jwt Vue Uniapp Redis
|
基于Springboot MybatisPlus Shiro Jwt Vue Uniapp Redis
|
||||||
MySQL构建的社交app平台
|
MySQL构建的社交app平台
|
||||||
@ -12,25 +12,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="login-main">
|
<div class="login-main">
|
||||||
<h3 class="login-title">管理员登录</h3>
|
<h3 class="login-title">管理员登录</h3>
|
||||||
<el-form
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" status-icon>
|
||||||
:model="dataForm"
|
|
||||||
:rules="dataRule"
|
|
||||||
ref="dataForm"
|
|
||||||
@keyup.enter.native="dataFormSubmit()"
|
|
||||||
status-icon
|
|
||||||
>
|
|
||||||
<el-form-item prop="userName">
|
<el-form-item prop="userName">
|
||||||
<el-input
|
<el-input v-model="dataForm.userName" placeholder="帐号"></el-input>
|
||||||
v-model="dataForm.userName"
|
|
||||||
placeholder="帐号"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item prop="password">
|
<el-form-item prop="password">
|
||||||
<el-input
|
<el-input v-model="dataForm.password" type="password" placeholder="密码"></el-input>
|
||||||
v-model="dataForm.password"
|
|
||||||
type="password"
|
|
||||||
placeholder="密码"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item prop="captcha">
|
<el-form-item prop="captcha">
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
@ -44,12 +31,7 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button class="login-btn-submit" type="primary" @click="dataFormSubmit()">登录</el-button>
|
||||||
class="login-btn-submit"
|
|
||||||
type="primary"
|
|
||||||
@click="dataFormSubmit()"
|
|
||||||
>登录</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
@ -132,6 +114,7 @@ export default {
|
|||||||
left: 0;
|
left: 0;
|
||||||
background-color: rgba(38, 50, 56, 0.6);
|
background-color: rgba(38, 50, 56, 0.6);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -143,6 +126,7 @@ export default {
|
|||||||
background-image: url(~@/assets/img/login_bg.jpg);
|
background-image: url(~@/assets/img/login_bg.jpg);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-content__wrapper {
|
.site-content__wrapper {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -155,26 +139,31 @@ export default {
|
|||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-content {
|
.site-content {
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
padding: 30px 500px 30px 30px;
|
padding: 30px 500px 30px 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand-info {
|
.brand-info {
|
||||||
margin: 220px 100px 0 90px;
|
margin: 220px 100px 0 90px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand-info__text {
|
.brand-info__text {
|
||||||
margin: 0 0 22px 0;
|
margin: 0 0 22px 0;
|
||||||
font-size: 48px;
|
font-size: 48px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand-info__intro {
|
.brand-info__intro {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.58;
|
line-height: 1.58;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-main {
|
.login-main {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -184,16 +173,20 @@ export default {
|
|||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-title {
|
.login-title {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-captcha {
|
.login-captcha {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
>img {
|
>img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-btn-submit {
|
.login-btn-submit {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 38px;
|
margin-top: 38px;
|
||||||
|
Loading…
Reference in New Issue
Block a user