Showing
7 changed files
with
21 additions
and
14 deletions
@@ -49,7 +49,7 @@ | @@ -49,7 +49,7 @@ | ||
49 | <div class="agreements"> | 49 | <div class="agreements"> |
50 | <input id="accept-agreements" name="agreements" type="checkbox" class="installment-check-btn"/> | 50 | <input id="accept-agreements" name="agreements" type="checkbox" class="installment-check-btn"/> |
51 | <label for="accept-agreements"> | 51 | <label for="accept-agreements"> |
52 | - <span>免费开通,详情见 <a href="#">《有货分期服务协议》&《第三方支付协议》</a></span> | 52 | + <span>免费开通,详情请见 <a href="#">《有货分期服务协议》&《第三方支付协议》</a></span> |
53 | </label> | 53 | </label> |
54 | <div class="clearfix"></div> | 54 | <div class="clearfix"></div> |
55 | </div> | 55 | </div> |
@@ -61,7 +61,7 @@ | @@ -61,7 +61,7 @@ | ||
61 | 61 | ||
62 | <a href="" id="apply-button" class="apply-button">下一步</a> | 62 | <a href="" id="apply-button" class="apply-button">下一步</a> |
63 | <div class="provider-mark"> | 63 | <div class="provider-mark"> |
64 | - Yoho!Buy信而富联合提供 | 64 | + Yoho!Buy有货及信而富联合提供 |
65 | </div> | 65 | </div> |
66 | </div> | 66 | </div> |
67 | </form> | 67 | </form> |
@@ -45,7 +45,7 @@ const dist = { | @@ -45,7 +45,7 @@ const dist = { | ||
45 | const postcssPlugin = (et) => { | 45 | const postcssPlugin = (et) => { |
46 | var sprites = { | 46 | var sprites = { |
47 | spritesmith: { | 47 | spritesmith: { |
48 | - padding: 4 | 48 | + padding: 8 |
49 | }, | 49 | }, |
50 | filterBy(file) { | 50 | filterBy(file) { |
51 | // base64 的图片没有 url 过滤掉 | 51 | // base64 的图片没有 url 过滤掉 |
@@ -4,14 +4,14 @@ | @@ -4,14 +4,14 @@ | ||
4 | .exclamation { | 4 | .exclamation { |
5 | background-color: #ff7f7f; | 5 | background-color: #ff7f7f; |
6 | color: white; | 6 | color: white; |
7 | - padding: 35px 20px; | 7 | + padding: 15px 20px 15px 34px; |
8 | font-weight: normal; | 8 | font-weight: normal; |
9 | } | 9 | } |
10 | 10 | ||
11 | .field { | 11 | .field { |
12 | - padding: 25px; | 12 | + padding: 25px 25px 25px 30px; |
13 | border-bottom: 1px solid #e0e0e0; | 13 | border-bottom: 1px solid #e0e0e0; |
14 | - min-height: 90px; | 14 | + height: 90px; |
15 | } | 15 | } |
16 | 16 | ||
17 | .apply-button { | 17 | .apply-button { |
@@ -32,13 +32,18 @@ | @@ -32,13 +32,18 @@ | ||
32 | } | 32 | } |
33 | 33 | ||
34 | .agreements { | 34 | .agreements { |
35 | - padding: 30px 45px 0 63px; | 35 | + padding: 22px 30px 0 70px; |
36 | + line-height: 40px; | ||
36 | 37 | ||
37 | label { | 38 | label { |
38 | font-size: 27px; | 39 | font-size: 27px; |
39 | color: #444; | 40 | color: #444; |
40 | } | 41 | } |
41 | 42 | ||
43 | + span { | ||
44 | + margin-left: 12px; | ||
45 | + } | ||
46 | + | ||
42 | a { | 47 | a { |
43 | color: #4d90e2; | 48 | color: #4d90e2; |
44 | 49 | ||
@@ -67,19 +72,21 @@ | @@ -67,19 +72,21 @@ | ||
67 | 72 | ||
68 | .count-down { | 73 | .count-down { |
69 | border: 1px solid #84c990; | 74 | border: 1px solid #84c990; |
70 | - border-radius: 4px; | 75 | + border-radius: 32px; |
71 | background: transparent; | 76 | background: transparent; |
72 | color: #84c990; | 77 | color: #84c990; |
73 | - width: 130px; | 78 | + width: 160px; |
74 | height: 55px; | 79 | height: 55px; |
75 | float: right; | 80 | float: right; |
76 | white-space: nowrap; | 81 | white-space: nowrap; |
77 | padding: 0; | 82 | padding: 0; |
83 | + margin-top: -8px; | ||
84 | + margin-right: 6px; | ||
78 | } | 85 | } |
79 | 86 | ||
80 | .data-encryption { | 87 | .data-encryption { |
81 | color: #b0b0b0; | 88 | color: #b0b0b0; |
82 | - margin: 0 auto 20px; | 89 | + margin: 118px auto 15px; |
83 | text-align: center; | 90 | text-align: center; |
84 | } | 91 | } |
85 | 92 | ||
@@ -103,9 +110,9 @@ | @@ -103,9 +110,9 @@ | ||
103 | 110 | ||
104 | .provider-mark { | 111 | .provider-mark { |
105 | text-align: center; | 112 | text-align: center; |
106 | - font-size: 27px; | 113 | + font-size: 24px; |
107 | color: #444; | 114 | color: #444; |
108 | - margin-top: 64px; | 115 | + margin-top: 58px; |
109 | margin-bottom: 24px; | 116 | margin-bottom: 24px; |
110 | } | 117 | } |
111 | 118 | ||
@@ -124,8 +131,8 @@ | @@ -124,8 +131,8 @@ | ||
124 | position: absolute; | 131 | position: absolute; |
125 | content: ""; | 132 | content: ""; |
126 | display: inline-block; | 133 | display: inline-block; |
127 | - width: 19PX; | ||
128 | - height: 19PX; | 134 | + width: 32px; |
135 | + height: 32px; | ||
129 | background: url("/home/circle-check-off.png"); | 136 | background: url("/home/circle-check-off.png"); |
130 | background-size: cover; | 137 | background-size: cover; |
131 | margin-left: -40px; | 138 | margin-left: -40px; |
-
Please register or login to post a comment