登录注册界面调整

This commit is contained in:
kerwincui
2022-05-30 17:47:19 +08:00
parent b6cd6975f8
commit 96715753b0
2 changed files with 23 additions and 16 deletions

View File

@@ -5,17 +5,19 @@
<el-row :gutter="10">
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<div class="login-top">
<h1>物美智能 - 开源生活物联网平台</h1>
<h2>wumei smart open source living iot platform</h2>
<h1>
<a href="https://wumei.live/" target="_blank" style="color:#FFF;">物美智能</a>
-
<a href="https://wumei.live/" target="_blank" style="color:#FFF;">开源生活物联网平台</a>
</h1>
<h2><a href="https://wumei.live/" target="_blank" style="color:#FFF;">wumei smart</a> open source living iot platform</h2>
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" style="z-index:1000">
<h3 class="title" v-if="!bindAccount">账号登录
<span style="font-size:16px;color:#eee"> 演示账号wumei<span style="margin:0 10px;">123456 </span></span>
</h3>
<h3 class="bindAccountTitle" v-else>绑定物美智能账户
</h3>
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" style="z-index:1000;margin:0 auto;">
<h3 class="title" v-if="!bindAccount">账号登录</h3>
<h3 class="bindAccountTitle" v-else>绑定物美智能账户</h3>
<div style="font-size:16px;color:#eee;margin-bottom:10px;">演示账号wumei<span style="margin:0 10px;">123456</span></div>
<el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
@@ -274,10 +276,10 @@ export default {
}
.title {
margin: 0px auto 30px auto;
text-align: left;
margin: 0px auto 20px auto;
text-align: center;
color: #333;
font-size: 24px;
font-size: 30px;
}
.bindAccountTitle {
@@ -291,7 +293,7 @@ export default {
color: #fff;
text-align: center;
font-weight: bold;
margin-top: 100px;
margin-bottom: 100px;
h1 {
font-size: 30px;

View File

@@ -5,8 +5,12 @@
<el-row :gutter="10">
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<div class="login-top">
<h1>物美智能 - 开源生活物联网平台</h1>
<h2>wumei smart open source living iot platform</h2>
<h1>
<a href="https://wumei.live/" target="_blank" style="color:#FFF;">物美智能</a>
-
<a href="https://wumei.live/" target="_blank" style="color:#FFF;">开源生活物联网平台</a>
</h1>
<h2><a href="https://wumei.live/" target="_blank" style="color:#FFF;">wumei smart</a> open source living iot platform</h2>
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
@@ -271,7 +275,8 @@ export default {
color: #fff;
text-align: center;
font-weight: bold;
margin-top: 100px;
margin-top: 20px;
margin-bottom:80px;
h1 {
font-size: 30px;