165 lines
5.6 KiB
HTML
165 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
<script src="./rem.js"></script>
|
||
<link rel="stylesheet" href="./css/clear.css">
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
</head>
|
||
|
||
<body>
|
||
<div class="header">
|
||
<img src="./img/back.png" alt="">
|
||
<span>填写订单</span>
|
||
<div class=""></div>
|
||
</div>
|
||
<div class="content">
|
||
<div class="top">
|
||
<div class="top_left">
|
||
<div class="name">
|
||
<span>张晓明</span>
|
||
<p>186****0019</p>
|
||
</div>
|
||
<div class="address">上海市黄浦区中山南路128号千古美城1楼1210室</div>
|
||
</div>
|
||
<img class="top_right_img" src="./img/you.png" alt="">
|
||
</div>
|
||
|
||
|
||
<div class="middle">
|
||
<div class="middle_left">选择支付方式</div>
|
||
<div class="middle_right">
|
||
<span>在线支付</span>
|
||
<img src="./img/dian.png" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<ul >
|
||
<li>
|
||
<div class="store">
|
||
<img src="./img/wuzi.png" alt="">
|
||
<span>路易斯女装旗舰店</span>
|
||
<img src="./img/you.png" alt="">
|
||
</div>
|
||
<div class="gw">
|
||
<img class="gw_img" src="./img/tupian.png" alt="">
|
||
<div class="gw_text">
|
||
<div class="gw_name">真丝连衣裙2019春夏新款
|
||
<br> 杭州大牌气质修……</div>
|
||
<div class="gw_color">
|
||
<div class="black">颜色：黑白</div>
|
||
<div class="chima">尺码：L</div>
|
||
</div>
|
||
<div class="gw_pr">
|
||
<div class="pr">
|
||
|
||
<span>￥160.00</span>
|
||
<p>X1</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="beizhu">
|
||
<span>订单备注</span>
|
||
<textarea class="as" name="" id="" cols="40" rows="1" placeholder="有什么想对商家留言的可以在这里说"></textarea>
|
||
|
||
</div>
|
||
<div class="zhekou">
|
||
<div class="youhui">
|
||
<div class="diyong">
|
||
<span>优惠抵用</span>
|
||
<p>-￥5</p>
|
||
|
||
</div>
|
||
<div class="kuaidi">
|
||
<div class="feiyong">
|
||
<span>快递费用</span>
|
||
<p>免费包邮</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="jiage">
|
||
<div class="jiage_left">商品金额</div>
|
||
<div class="jiage_right">￥155.00</div>
|
||
</div>
|
||
</li>
|
||
|
||
|
||
|
||
<li>
|
||
<div class="store">
|
||
<img src="./img/wuzi.png" alt="">
|
||
<span>路易斯女装旗舰店</span>
|
||
<img src="./img/you.png" alt="">
|
||
</div>
|
||
<div class="gw">
|
||
<img class="gw_img" src="./img/tupian.png" alt="">
|
||
<div class="gw_text">
|
||
<div class="gw_name">真丝连衣裙2019春夏新款
|
||
<br> 杭州大牌气质修……</div>
|
||
<div class="gw_color">
|
||
<div class="black">颜色：黑白</div>
|
||
<div class="chima">尺码：L</div>
|
||
</div>
|
||
<div class="gw_pr">
|
||
<div class="pr">
|
||
|
||
<span>￥160.00</span>
|
||
<p>X1</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="beizhu">订单备注</div>
|
||
<div class="zhekou">
|
||
<div class="youhui">
|
||
<div class="diyong">
|
||
<span>优惠抵用</span>
|
||
<p>-￥5</p>
|
||
|
||
</div>
|
||
<div class="kuaidi">
|
||
<div class="feiyong">
|
||
<span>快递费用</span>
|
||
<p>免费包邮</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="jiage">
|
||
<div class="jiage_left">商品金额</div>
|
||
<div class="jiage_right">￥315.00</div>
|
||
</div>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
<div class="footer">
|
||
<div class="footer_text">
|
||
<span>共3件,合计：</span>
|
||
<p>¥ 5999.00</p>
|
||
</div>
|
||
<div class="jiesuan">
|
||
<span>结算(2)</span>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
</html> |