Authored by Aiden Xu

分期订单

@@ -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 过滤掉

29.3 KB | W: | H:

29.4 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

7.14 KB | W: | H:

7.16 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

47.4 KB | W: | H:

47.4 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

2.51 KB | W: | H:

2.52 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -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;