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} { | ... | ... |