Authored by zhangxiaoru

支付成功

... ... @@ -4,7 +4,7 @@
width: auto;
max-width: 640px;
margin: 0 auto;
font-family: 'STHeiti';
.success-order-info {
margin: 0;
... ... @@ -12,13 +12,14 @@
}
.success-order-info {
padding: 0 10px;
padding: 10px 10px;
text-align: center;
color: #222;
font-size: 12px;
h2 {
font-size: 30px;
font-family: 'STSong';
font-weight: normal;
margin: 0;
padding: 0;
... ... @@ -26,19 +27,22 @@
}
.icon-right {
font-size: 72px;
padding: 65px 0 25px;
text-align: center;
width: 75px;
height: 75px;
border: 1px solid;
margin: 100px 0 40px 260px ;
margin-top: 100px;
background-img: resolve('shopping-pay/pay-success.png');;
}
.success-notice {
text-align: center;
padding: 10px 10px 10px 28px;
padding: 0 10px 10px 28px;
color: #24acaa;
span {
margin: 0 5px 0 -18px;
margin: 5px 5px 0 -18px;
}
}
... ... @@ -46,18 +50,19 @@
padding: 10px;
text-align: center;
min-width: 300px;
margin: 0 auto;
margin: 40px auto;
a {
display: inline-block;
width: 144px;
height: 44px;
line-height: 44px;
width: 250px;
height: 80px;
line-height: 80px;
text-align: center;
background-color: #ed0010;
color: white;
margin-right: 8px;
font-size: 16px;
font-size: 32px;
font-weight: normal;
text-decoration: none;
outline: none;
}
... ...
... ... @@ -2,9 +2,7 @@
<div class="pay-back-page">
<div class="success-order">
<div class="success-order-info">
<div class="icon-right">
<em class="icon-uni3D te"></em>
</div>
<div class="icon-right"></div>
<h2>您的订单已支付成功!</h2>
</div>
<div class="success-notice">
... ...