Showing
3 changed files
with
75 additions
and
2 deletions
1 | +.pay-back-page { | ||
2 | + font-size: 15px; | ||
3 | + line-height: 1.4; | ||
4 | + width: auto; | ||
5 | + max-width: 640px; | ||
6 | + margin: 0 auto; | ||
7 | + | ||
8 | + | ||
9 | + .success-order-info { | ||
10 | + margin: 0; | ||
11 | + padding: 0; | ||
12 | + } | ||
13 | + | ||
14 | + .success-order-info { | ||
15 | + padding: 0 10px; | ||
16 | + text-align: center; | ||
17 | + color: #222; | ||
18 | + font-size: 12px; | ||
19 | + | ||
20 | + h2 { | ||
21 | + font-size: 30px; | ||
22 | + font-weight: normal; | ||
23 | + margin: 0; | ||
24 | + padding: 0; | ||
25 | + } | ||
26 | + } | ||
27 | + | ||
28 | + .icon-right { | ||
29 | + font-size: 72px; | ||
30 | + padding: 65px 0 25px; | ||
31 | + } | ||
32 | + | ||
33 | + | ||
34 | + | ||
35 | + .success-notice { | ||
36 | + text-align: center; | ||
37 | + padding: 10px 10px 10px 28px; | ||
38 | + color: #24acaa; | ||
39 | + | ||
40 | + span { | ||
41 | + margin: 0 5px 0 -18px; | ||
42 | + } | ||
43 | + } | ||
44 | + | ||
45 | + .success-btn { | ||
46 | + padding: 10px; | ||
47 | + text-align: center; | ||
48 | + min-width: 300px; | ||
49 | + margin: 0 auto; | ||
50 | + | ||
51 | + a { | ||
52 | + display: inline-block; | ||
53 | + width: 144px; | ||
54 | + height: 44px; | ||
55 | + line-height: 44px; | ||
56 | + text-align: center; | ||
57 | + background-color: #ed0010; | ||
58 | + color: white; | ||
59 | + margin-right: 8px; | ||
60 | + font-size: 16px; | ||
61 | + text-decoration: none; | ||
62 | + outline: none; | ||
63 | + } | ||
64 | + } | ||
65 | + | ||
66 | + .pt50 { | ||
67 | + padding-top: 50px; | ||
68 | + } | ||
69 | + | ||
70 | +} |
@@ -2,13 +2,15 @@ | @@ -2,13 +2,15 @@ | ||
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"><em class="icon-uni3D"></em></div> | 5 | + <div class="icon-right"> |
6 | + <em class="icon-uni3D te"></em> | ||
7 | + </div> | ||
6 | <h2>您的订单已支付成功!</h2> | 8 | <h2>您的订单已支付成功!</h2> |
7 | </div> | 9 | </div> |
8 | <div class="success-notice"> | 10 | <div class="success-notice"> |
9 | <span><em class="icon-uni21"></em></span>提示:请去成功订单查看订单详情。 | 11 | <span><em class="icon-uni21"></em></span>提示:请去成功订单查看订单详情。 |
10 | </div> | 12 | </div> |
11 | - <div class="success btn pt50"> | 13 | + <div class="success-btn pt50"> |
12 | <a href="/">继续逛</a> | 14 | <a href="/">继续逛</a> |
13 | <a href="/home/orders/detail?order_code=<?php echo $this->order_code; ?>">查看订单</a> | 15 | <a href="/home/orders/detail?order_code=<?php echo $this->order_code; ?>">查看订单</a> |
14 | </div> | 16 | </div> |
-
Please register or login to post a comment