描述:登录页面

This commit is contained in:
SelfRidicule 2024-08-30 14:29:01 +08:00
parent 41890f9a46
commit 7ee841957b
2 changed files with 16 additions and 14 deletions

View File

@ -8,9 +8,6 @@
<span class='title'>淮安市机关事务服务平台管理系统</span> <span class='title'>淮安市机关事务服务平台管理系统</span>
</div> </div>
</div> </div>
<div class='desc'>
</div>
</div> </div>
<router-view /> <router-view />
@ -61,7 +58,7 @@ export default {
.container { .container {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: no-repeat left/contain url(~@/assets/body-bg.png), background: no-repeat left/700px 700px url(~@/assets/body-bg.png),
linear-gradient(0deg, rgba(23,59,199,1) 0%, rgba(55,90,219,1) 100%); linear-gradient(0deg, rgba(23,59,199,1) 0%, rgba(55,90,219,1) 100%);
position: relative; position: relative;
@ -69,7 +66,7 @@ export default {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: flex-end; align-items: flex-end;
padding-right: 50px; padding-right: 10%;
a { a {
@ -77,9 +74,13 @@ export default {
} }
.top { .top {
width: 600px; width: 460px;
text-align: center; text-align: center;
margin-top: -150px; margin-top: -90px;
padding-top: 24px;
background: white;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
.header { .header {
height: 44px; height: 44px;
@ -96,8 +97,8 @@ export default {
} }
.title { .title {
font-size: 33px; font-size: 26px;
color: white; color: black;
font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif; font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 600; font-weight: 600;
} }
@ -114,9 +115,12 @@ export default {
.main { .main {
min-width: 260px; min-width: 260px;
width: 600px; width: 460px;
padding: 0 100px; padding: 0 30px 10px;
//margin: 0 auto; //margin: 0 auto;
background: white;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
} }
.footer { .footer {

View File

@ -73,9 +73,7 @@
</a-tabs> </a-tabs>
<a-form-item> <a-form-item>
<a-checkbox v-decorator="['rememberMe', { valuePropName: 'checked' }]"> <a-checkbox v-decorator="['rememberMe', { valuePropName: 'checked' }]">自动登录</a-checkbox>
<span style='color: white;'>自动登录</span>
</a-checkbox>
<router-link class="register" style="float: right;" :to="{ name: 'register' }">注册账户</router-link> <router-link class="register" style="float: right;" :to="{ name: 'register' }">注册账户</router-link>
</a-form-item> </a-form-item>