Authored by 郝肖肖

成功页面样式微调

@@ -27,9 +27,10 @@ @@ -27,9 +27,10 @@
27 27
28 .icon-right { 28 .icon-right {
29 text-align: center; 29 text-align: center;
30 - width: 109px;  
31 - height: 92px;  
32 - margin: 120px 0 60px 260px ; 30 + width: 2.44rem;
  31 + height: 2.44rem;
  32 + margin-top: 90px;
  33 + display: inline-block;
33 background-image: resolve('shopping-pay/pay-success.png'); 34 background-image: resolve('shopping-pay/pay-success.png');
34 } 35 }
35 36
@@ -39,8 +40,8 @@ @@ -39,8 +40,8 @@
39 } 40 }
40 41
41 .notice-right { 42 .notice-right {
42 - height: 25px;  
43 - width: 25px; 43 + height: 0.54rem;
  44 + width: 0.54rem;
44 float: left; 45 float: left;
45 margin: 1px 10px 0 80px; 46 margin: 1px 10px 0 80px;
46 background-image: resolve('shopping-pay/notice.png'); 47 background-image: resolve('shopping-pay/notice.png');
@@ -55,8 +56,8 @@ @@ -55,8 +56,8 @@
55 a { 56 a {
56 display: inline-block; 57 display: inline-block;
57 width: 250px; 58 width: 250px;
58 - height: 80px;  
59 - line-height: 80px; 59 + height: 1.8rem;
  60 + line-height: 1.8rem;
60 text-align: center; 61 text-align: center;
61 background-color: #ed0010; 62 background-color: #ed0010;
62 color: white; 63 color: white;
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 <div class="pay-back-page"> 2 <div class="pay-back-page">
3 <div class="success-order"> 3 <div class="success-order">
4 <div class="success-order-info"> 4 <div class="success-order-info">
5 - <div class="icon-right"></div> 5 + <div><span class="icon-right"></span></div>
6 <h2>您的订单已支付成功!</h2> 6 <h2>您的订单已支付成功!</h2>
7 </div> 7 </div>
8 <div class="success-notice"> 8 <div class="success-notice">