Commit ae3b2450545cb45a66958292d894fab78e2a0b3c

Authored by fengtao
1 parent 8bc2edca

fix:修改手机验证码登录背景图

@@ -4,7 +4,7 @@ @@ -4,7 +4,7 @@
4 <public-module></public-module> 4 <public-module></public-module>
5 <view class="f__login"> 5 <view class="f__login">
6 <view class="loginPhone"> 6 <view class="loginPhone">
7 - <view class="phone-main" style="margin-top: 173rpx;"> 7 + <view class="phone-main" style="margin-top: 240rpx;">
8 <text class="text">手机验证码登录</text> 8 <text class="text">手机验证码登录</text>
9 <view class="circleStyle"></view> 9 <view class="circleStyle"></view>
10 </view> 10 </view>
1 .code-page { 1 .code-page {
2 min-height: 100vh; 2 min-height: 100vh;
3 background-color: #fff; 3 background-color: #fff;
  4 + width: 750rpx;
  5 + background: url(/static/login.png) no-repeat;
4 } 6 }
5 .f__login { 7 .f__login {
6 padding: 48rpx 32rpx; 8 padding: 48rpx 32rpx;
@@ -19,18 +21,7 @@ @@ -19,18 +21,7 @@
19 font-family: PingFangSC-Semibold, PingFang SC; 21 font-family: PingFangSC-Semibold, PingFang SC;
20 font-weight: 600; 22 font-weight: 600;
21 } 23 }
22 - .circleStyle {  
23 - position: absolute;  
24 - width: 145rpx;  
25 - height: 300rpx;  
26 - left: -31rpx;  
27 - top: 10rpx;  
28 - border-radius: 0 100rpx 100rpx 0/0 150rpx 150rpx 0;  
29 - background-color: #f0f2f5;  
30 - opacity: 0.5;  
31 - }  
32 } 24 }
33 -  
34 .form-row { 25 .form-row {
35 position: relative; 26 position: relative;
36 border-bottom: 1rpx solid #e8e8e8; 27 border-bottom: 1rpx solid #e8e8e8;
@@ -45,7 +36,6 @@ @@ -45,7 +36,6 @@
45 padding: 0; 36 padding: 0;
46 font-weight: bold; 37 font-weight: bold;
47 } 38 }
48 -  
49 .getvcode { 39 .getvcode {
50 font-family: PingFangSC-Regular, PingFang SC; 40 font-family: PingFangSC-Regular, PingFang SC;
51 font-weight: 400; 41 font-weight: 400;
@@ -53,7 +43,6 @@ @@ -53,7 +43,6 @@
53 height: 80rpx; 43 height: 80rpx;
54 color: #6299ff; 44 color: #6299ff;
55 line-height: 80rpx; 45 line-height: 80rpx;
56 - // background: #eee;  
57 min-width: 188rpx; 46 min-width: 188rpx;
58 text-align: center; 47 text-align: center;
59 border-radius: 8rpx; 48 border-radius: 8rpx;
@@ -64,12 +53,9 @@ @@ -64,12 +53,9 @@
64 z-index: 11; 53 z-index: 11;
65 54
66 &.forhidden { 55 &.forhidden {
67 - // background: #eee;  
68 - // color: #cccccc;  
69 } 56 }
70 } 57 }
71 } 58 }
72 -  
73 .submit { 59 .submit {
74 margin-top: 60rpx; 60 margin-top: 60rpx;
75 width: 100%; 61 width: 100%;
@@ -80,20 +66,6 @@ @@ -80,20 +66,6 @@
80 color: #ffffff; 66 color: #ffffff;
81 } 67 }
82 } 68 }
83 - .circleStyleBottom {  
84 - position: absolute;  
85 - width: 145rpx;  
86 - height: 300rpx;  
87 - right: -31rpx;  
88 - top: 804rpx;  
89 - //#ifndef MP  
90 - top: 804rpx;  
91 - //#endif  
92 - border-radius: 0 100rpx 100rpx 0/0 150rpx 150rpx 0;  
93 - background: linear-gradient(241deg, #00c9a7 0%, rgba(0, 223, 252, 0.5) 100%);  
94 - opacity: 0.1;  
95 - transform: rotate(180deg);  
96 - }  
97 .account-style { 69 .account-style {
98 flex-direction: row; 70 flex-direction: row;
99 margin-top: 48rpx; 71 margin-top: 48rpx;