105 lines
2.9 KiB
HTML
105 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<link rel="stylesheet" href="css/quanju.css" />
|
|
<link rel="stylesheet" href="css/details.css"/>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<div class="title">订单详情</div>
|
|
<a href="order.html"></a>
|
|
</div>
|
|
<div class="page-top">
|
|
<span>待支付</span>
|
|
</div>
|
|
<a href="process.html">
|
|
<div class="advance">
|
|
|
|
<div class="advance-left">查看服务进度</div>
|
|
<div class="advance-right">待服务 </div>
|
|
|
|
</div>
|
|
</a>
|
|
<div class="address">
|
|
<div class="img"></div>
|
|
<div class="address-item">
|
|
<div class="name">张三 13000000000</div>
|
|
<div class="number">
|
|
安徽省合肥市蜀山区一二三小区 4 栋1201室
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="information">
|
|
<div class="info-top">衣物信息</div>
|
|
<div class="info-silder">
|
|
<div class="info-item">
|
|
<img src="img/组%201%20(1).png" />
|
|
<div class="item-it">
|
|
<div class="it-on">普通鞋服任洗2件</div>
|
|
<div class="it-down">
|
|
<span class="down-left">￥69</span>
|
|
<span class="down-right">*2</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="info-item">
|
|
<img src="img/组%201%20(1).png" />
|
|
<div class="item-it">
|
|
<div class="it-on">普通鞋服任洗2件</div>
|
|
<div class="it-down">
|
|
<span class="down-left">￥69</span>
|
|
<span class="down-right">*2</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="info-item">
|
|
<img src="img/组%201%20(1).png" />
|
|
<div class="item-it">
|
|
<div class="it-on">普通鞋服任洗2件</div>
|
|
<div class="it-down">
|
|
<span class="down-left">￥69</span>
|
|
<span class="down-right">*2</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="info-footer">
|
|
<div class="favour">
|
|
<div class="favour-left">店铺优惠</div>
|
|
<div class="favour-right">-￥5 </div>
|
|
</div>
|
|
<div class="freight">
|
|
<div class="freight-left">运费 <span>满200免运费</span> </div>
|
|
<div class="freight-right">￥20</div>
|
|
</div>
|
|
<div class="add">
|
|
<div class="money">￥193</div>
|
|
<div class="add-value">合计</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="order-info">
|
|
<div class="order-silder" id="a">订单信息</div>
|
|
<div class="order-silder">订单号: 10000000</div>
|
|
<div class="order-silder">创建时间: 2019-01-05 15:41:06</div>
|
|
<div class="order-silder">订单备注 洗干净一点</div>
|
|
<div class="call">联系客服</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="cutorder">取消订单</div>
|
|
<div class="gobuy">付款</div>
|
|
</div>
|
|
<script>
|
|
(function(){
|
|
var html=document.documentElement;
|
|
var width=html.getBoundingClientRect().width;
|
|
html.style.fontSize=width/20+'px';
|
|
}())
|
|
</script>
|
|
</body>
|
|
</html>
|