浏览代码

优化登录界面

guohh 7 年之前
父节点
当前提交
3d4c4e581b
共有 2 个文件被更改,包括 7 次插入6 次删除
  1. 6 3
      static-res/hz-tyjh/css/project.css
  2. 1 3
      static-res/hz-tyjh/login.html

+ 6 - 3
static-res/hz-tyjh/css/project.css

@ -42,6 +42,9 @@
42 42
    background-color: #fff;
43 43
    background-image: linear-gradient(#fff, #00479d);
44 44
}
45
.logo-block{
46
    margin: .3rem 0;
47
}
45 48
.logo-img{
46 49
    width: 1rem;
47 50
    height: 1rem;
@ -61,7 +64,7 @@
61 64
    margin: 0 auto;
62 65
    background-color: #f8f8f8;
63 66
    box-sizing: border-box;
64
    padding:.15rem .15rem;
67
    padding:.25rem .15rem .15rem;
65 68
    border:1px solid #ccc;
66 69
    border-radius: .03rem;
67 70
}
@ -73,7 +76,7 @@
73 76
    float: left;
74 77
    text-align: right;
75 78
    font-size: .15rem;
76
    color: #444;
79
    color: #777;
77 80
    line-height: .32rem;
78 81
}
79 82
.login-form-input-warp{
@ -84,7 +87,7 @@
84 87
.login-form-input{
85 88
    display: block;
86 89
    -webkit-appearance: none;
87
    width: 100%;
90
    width: 95%;
88 91
    height: .32rem;
89 92
    padding:0 .05rem;
90 93
    box-sizing: border-box;

+ 1 - 3
static-res/hz-tyjh/login.html

@ -44,7 +44,6 @@
44 44
                    <input class="login-form-input" type="password" placeholder="请输入密码">
45 45
                </div>
46 46
            </div>
47
            <div class="login-form-row">
48 47
                <div class="login-form-input-warp">
49 48
                    <label class="ipu-checkbox ipu-checkbox-square ipu-checkbox-s">
50 49
                        <input type="checkbox">
@ -53,9 +52,8 @@
53 52
                        记住用户名
54 53
                    </span>
55 54
                </div>
56
            </div>
57 55
            <div class="login-form-row">
58
               <button class="ipu-btn ipu-btn-block ipu-btn-l btn-login" >登录</button>
56
               <button class="ipu-btn ipu-btn-block ipu-btn-l btn-login ipu-fn-m-t" >登录</button>
59 57
            </div>
60 58
        </div>
61 59
    </div>