-
Notifications
You must be signed in to change notification settings - Fork 0
/
order-info.html
123 lines (121 loc) · 4.1 KB
/
order-info.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>优衣库</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- <link rel="shortcut icon" href="/favicon.ico"> -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/sm.min.css">
<link rel="stylesheet" href="css/sm-extend.min.css">
</head>
<body>
<div class="page-group">
<div class="page" id='order-info'>
<header class="bar bar-nav">
<a class="button button-link button-nav pull-left back" href="#" style="color:#fff;" data-transition='slide-out'>
<span class="icon icon-left"></span>
返回
</a>
<h1 class="title">订单详情</h1>
<button class="button pull-right">
<a class="icon icon-menu pull-right open-panel"></a>
</button>
</header>
<nav class="bar bar-tab">
<a class="tab-item" href="#">
<span class="icon icon-home"></span>
<span class="tab-label">首页</span>
</a>
<a class="tab-item active" href="#mine">
<span class="icon icon-me"></span>
<span class="tab-label">我的</span>
</a>
<a class="tab-item" href="index.html#shopcart">
<span class="icon icon-cart"></span>
<span class="tab-label">购物车</span>
<span class="badge">2</span>
</a>
</nav>
<div class="content">
<div class="content-block">
<div class="order-top">
<p class="status">待付款</p>
<p class="cn">等待买家付款</p>
<div class="btn">
<a href="" class="cancel b-tn">取消订单</a>
<a href="index.html#order-commit" class="pay b-tn">去付款</a>
</div>
</div>
<div class="order-center">
<p class="box">
<span class="cn">订单号:</span>
<span class="order-num">1213215645646</span>
</p>
<p class="box">
<span class="cn">下单时间:</span>
<span class="order-num">2205.10.6</span>
</p>
<p class="box">
<span class="cn">收货信息:</span>
<span class="name">张三</span>
<span class="tel">139****215</span><br>
<span class="addr">重庆师范大学清风苑B栋331</span>
</p>
</div>
<div class="order-list">
<p class="list">
<span class="name">商品名称</span>
<span class="num">X12</span>
<span class="price">¥9</span>
</p>
<p class="list">
<span class="name">商品名称</span>
<span class="num">X12</span>
<span class="price">¥9</span>
</p>
<p class="list">
<span class="name">商品名称</span>
<span class="num">X12</span>
<span class="price">¥9</span>
</p>
</div>
<div class="order-bot">
<p>
<span class="cn">总价</span>
<span class="num">$99</span>
</p>
<p>
<span class="cn">应付金额</span>
<span class="num">$99</span>
</p>
<p>
<span class="cn">实付金额</span>
<span class="num">$99</span>
</p>
<p>
<span class="cn">支付方式</span>
<span class="pay-way">微信支付</span>
</p>
</div>
</div>
</div>
</div>
<div class="panel panel-left panel-cover">
<div class="content-block">
<img src="img/logo_03.png" alt="" class="logo">
<p></p>
<!-- Click on link with "close-panel" class will close panel -->
<p><a href="#" class="close-panel">关闭</a></p>
</div>
</div>
</div>
<script type='text/javascript' src='js/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='js/sm-extend.min.js' charset='utf-8'></script>
<script type='text/javascript' src='js/picker.js' charset='utf-8'></script>
</body>
</html>