Showing
6 changed files
with
16 additions
and
28 deletions
... | ... | @@ -11,8 +11,10 @@ |
11 | 11 | width: 50px; |
12 | 12 | height: 50px; |
13 | 13 | border-radius: 25px; |
14 | - background-color: #ccc; | |
14 | + background: #d8d8d8; | |
15 | 15 | justify-content: center; |
16 | + border: 2px solid #ffffff; | |
17 | + box-shadow: 0px 14px 26px 0px rgba(4, 7, 26, 0.2); | |
16 | 18 | } |
17 | 19 | .click-login { |
18 | 20 | font-size: 18px; | ... | ... |
1 | 1 | .login-page { |
2 | 2 | min-height: 100vh; |
3 | - background-color: #fff; | |
3 | + width: 750rpx; | |
4 | + background: url(/static/login.png) no-repeat; | |
4 | 5 | .login-main { |
5 | 6 | flex-direction: column; |
6 | 7 | .content { |
7 | 8 | height: 250rpx; |
8 | 9 | margin-top: 90rpx; |
9 | 10 | margin-left: -107rpx; |
11 | + position: relative; | |
12 | + top: 50rpx; | |
13 | + left: -15rpx; | |
10 | 14 | .hello { |
11 | 15 | font-size: 30px; |
12 | 16 | color: #3a4759; |
... | ... | @@ -21,16 +25,6 @@ |
21 | 25 | } |
22 | 26 | } |
23 | 27 | } |
24 | - .circleStyle { | |
25 | - position: absolute; | |
26 | - width: 145rpx; | |
27 | - height: 300rpx; | |
28 | - left: -31rpx; | |
29 | - top: 10rpx; | |
30 | - border-radius: 0 100rpx 100rpx 0/0 150rpx 150rpx 0; | |
31 | - background-color: #f0f2f5; | |
32 | - opacity: 0.5; | |
33 | - } | |
34 | 28 | } |
35 | 29 | |
36 | 30 | .f__login { |
... | ... | @@ -47,7 +41,7 @@ |
47 | 41 | margin-top: 60rpx; |
48 | 42 | .v-input { |
49 | 43 | width: 690rpx; |
50 | - border-bottom: 2px solid #e5e5e5; | |
44 | + border-bottom: 1px solid #e5e5e5; | |
51 | 45 | } |
52 | 46 | .v-password { |
53 | 47 | position: absolute; |
... | ... | @@ -107,19 +101,4 @@ |
107 | 101 | } |
108 | 102 | } |
109 | 103 | } |
110 | - .circleStyleBottom { | |
111 | - position: absolute; | |
112 | - width: 145rpx; | |
113 | - height: 300rpx; | |
114 | - right: -31rpx; | |
115 | - top: 404rpx; | |
116 | - //#ifndef MP | |
117 | - top: 504rpx; | |
118 | - //#endif | |
119 | - border-radius: 0 100rpx 100rpx 0/0 150rpx 150rpx 0; | |
120 | - background: linear-gradient(241deg, #00c9a7 0%, rgba(0, 223, 252, 0.5) 100%); | |
121 | - opacity: 0.1; | |
122 | - transform: rotate(180deg); | |
123 | - z-index: -9999; | |
124 | - } | |
125 | 104 | } | ... | ... |
static/eye-hide.png
0 → 100644
822 Bytes
static/eye.png
0 → 100644
976 Bytes
static/login.png
0 → 100644
13 KB
... | ... | @@ -185,6 +185,13 @@ button { |
185 | 185 | font-weight: 400; |
186 | 186 | color: #333333 !important; |
187 | 187 | } |
188 | +.un-bind-text { | |
189 | + font-size: 16px; | |
190 | + font-family: PingFangSC-Regular, PingFang SC; | |
191 | + font-weight: 400; | |
192 | + // color: #333333; | |
193 | + color: #ffffff; | |
194 | +} | |
188 | 195 | // 定义flex等分 |
189 | 196 | @for $i from 0 through 12 { |
190 | 197 | .u-flex-#{$i} { | ... | ... |