登录注册界面调整

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

View File

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