blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-06 04:00:06 +08:00
Code Issues Projects Releases Wiki Activity

fix: login page style problem #21

Browse Source
This commit is contained in:
iczer 2018-08-21 09:21:29 +08:00 committed by chenghx
parent 822ebc31ad
commit 6aa12b13f5
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/login/Login.vue
View File

@ -10,7 +10,7 @@
</div>
<div class="login">
<a-form @submit="onSubmit" :autoFormCreate="(form) => this.form = form">
<a-tabs size="large" :tabBarStyle="{textAlign: 'center'}">
<a-tabs size="large" :tabBarStyle="{textAlign: 'center'}" style="padding: 0 2px;">
<a-tab-pane tab="账户密码登录" key="1">
<a-alert type="error" :closable="true" v-show="error" :message="error" showIcon style="margin-bottom: 24px;" />
<a-form-item
@ -44,7 +44,7 @@
</a-input>
</a-col>
<a-col :span="8" style="padding-left: 4px">
<a-button style="width: 100%" size="large">获取验证码</a-button>
<a-button style="width: 100%" class="captcha-button" size="large">获取验证码</a-button>
</a-col>
</a-row>
</a-form-item>
@ -183,6 +183,14 @@ export default {
.login{
width: 368px;
margin: 0 auto;
@media screen and (max-width: 576px) {
width: 95%;
}
@media screen and (max-width: 320px) {
.captcha-button{
font-size: 14px;
}
}
.icon {
font-size: 24px;
color: rgba(0, 0, 0, 0.2);