Skip to content

Commit 19b51d2

Browse files
author
phpdever
committed
vue.js购物车实例
0 parents  commit 19b51d2

File tree

299 files changed

+86478
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

299 files changed

+86478
-0
lines changed

‎address.html‎

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta charset="utf-8">
6+
<!-- Always force latest IE rendering engine or request Chrome Frame -->
7+
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
9+
<title>Checkout - Confirm Address</title>
10+
<link href="css/base2.css" rel="stylesheet" >
11+
<link href="css/checkout.css" rel="stylesheet" >
12+
</head>
13+
<body class="checkout">
14+
15+
16+
<div class="container">
17+
<div class="checkout-addr">
18+
<!-- process step -->
19+
<div class="check-step">
20+
<ul>
21+
<li class="cur">地址确认</li>
22+
<li>查看订单</li>
23+
<li>支付</li>
24+
<li>订单确认</li>
25+
</ul>
26+
</div>
27+
28+
<!-- address list -->
29+
<div class="checkout-title">
30+
<span>配送地址</span>
31+
</div>
32+
<div class="addr-list-wrap">
33+
<div class="addr-list">
34+
<ul>
35+
<li>
36+
<dl>
37+
<dt>Alex</dt>
38+
<dd class="address">北京市海淀去中关村</dd>
39+
<dd class="tel">10010</dd>
40+
</dl>
41+
<div class="addr-opration addr-edit">
42+
<a href="javascript:;" class="addr-edit-btn">
43+
<svg class="icon icon-edit"><use xlink:href="#icon-edit"></use></svg>
44+
</a>
45+
</div>
46+
<div class="addr-opration addr-del">
47+
<a href="javascript:;" class="addr-del-btn">
48+
<svg class="icon icon-del"><use xlink:href="#icon-del"></use></svg>
49+
</a>
50+
</div>
51+
<div class="addr-opration addr-set-default">
52+
<a href="javascript:;" class="addr-set-default-btn"><i>设为默认</i></a>
53+
</div>
54+
<div class="addr-opration addr-default">默认地址</div>
55+
</li>
56+
57+
<li class="addr-new">
58+
<div class="add-new-inner">
59+
<i class="icon-add">
60+
<svg class="icon icon-add"><use xlink:href="#icon-add"></use></svg>
61+
</i>
62+
<p>添加新地址</p>
63+
</div>
64+
</li>
65+
</ul>
66+
</div>
67+
68+
<div class="shipping-addr-more">
69+
<a class="addr-more-btn up-down-btn" href="javascript:;">
70+
more
71+
<i class="i-up-down">
72+
<i class="i-up-down-l"></i>
73+
<i class="i-up-down-r"></i>
74+
</i>
75+
</a>
76+
</div>
77+
</div>
78+
79+
<!-- shipping method-->
80+
<div class="checkout-title">
81+
<span>配送方式</span>
82+
</div>
83+
<div class="shipping-method-wrap">
84+
<div class="shipping-method">
85+
<ul>
86+
<li class="check">
87+
<div class="name">标准配送</div>
88+
<div class="price">Free</div>
89+
</li>
90+
<li>
91+
<div class="name">高级配送</div>
92+
<div class="price">180</div>
93+
</li>
94+
</ul>
95+
</div>
96+
</div>
97+
98+
<div class="next-btn-wrap">
99+
<a href="javascript:;" class="btn btn--red">下一步</a>
100+
</div>
101+
</div>
102+
</div>
103+
</body>
104+
</html>

0 commit comments

Comments
 (0)