Showing
6 changed files
with
16 additions
and
28 deletions
| @@ -11,8 +11,10 @@ | @@ -11,8 +11,10 @@ | ||
| 11 | width: 50px; | 11 | width: 50px; |
| 12 | height: 50px; | 12 | height: 50px; |
| 13 | border-radius: 25px; | 13 | border-radius: 25px; |
| 14 | - background-color: #ccc; | 14 | + background: #d8d8d8; |
| 15 | justify-content: center; | 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 | .click-login { | 19 | .click-login { |
| 18 | font-size: 18px; | 20 | font-size: 18px; |
| 1 | .login-page { | 1 | .login-page { |
| 2 | min-height: 100vh; | 2 | min-height: 100vh; |
| 3 | - background-color: #fff; | 3 | + width: 750rpx; |
| 4 | + background: url(/static/login.png) no-repeat; | ||
| 4 | .login-main { | 5 | .login-main { |
| 5 | flex-direction: column; | 6 | flex-direction: column; |
| 6 | .content { | 7 | .content { |
| 7 | height: 250rpx; | 8 | height: 250rpx; |
| 8 | margin-top: 90rpx; | 9 | margin-top: 90rpx; |
| 9 | margin-left: -107rpx; | 10 | margin-left: -107rpx; |
| 11 | + position: relative; | ||
| 12 | + top: 50rpx; | ||
| 13 | + left: -15rpx; | ||
| 10 | .hello { | 14 | .hello { |
| 11 | font-size: 30px; | 15 | font-size: 30px; |
| 12 | color: #3a4759; | 16 | color: #3a4759; |
| @@ -21,16 +25,6 @@ | @@ -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 | .f__login { | 30 | .f__login { |
| @@ -47,7 +41,7 @@ | @@ -47,7 +41,7 @@ | ||
| 47 | margin-top: 60rpx; | 41 | margin-top: 60rpx; |
| 48 | .v-input { | 42 | .v-input { |
| 49 | width: 690rpx; | 43 | width: 690rpx; |
| 50 | - border-bottom: 2px solid #e5e5e5; | 44 | + border-bottom: 1px solid #e5e5e5; |
| 51 | } | 45 | } |
| 52 | .v-password { | 46 | .v-password { |
| 53 | position: absolute; | 47 | position: absolute; |
| @@ -107,19 +101,4 @@ | @@ -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,6 +185,13 @@ button { | ||
| 185 | font-weight: 400; | 185 | font-weight: 400; |
| 186 | color: #333333 !important; | 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 | // 定义flex等分 | 195 | // 定义flex等分 |
| 189 | @for $i from 0 through 12 { | 196 | @for $i from 0 through 12 { |
| 190 | .u-flex-#{$i} { | 197 | .u-flex-#{$i} { |