master

分支 (1)

管理

管理

master

imitate-tmall
/
other确认收货.html

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script src="js/jquery/2.0.0/jquery.min.js"></script>
<link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>
</head>

<style>
body{
  font-size:12px;
  font-family:Arial;
}
div.confirmProductDiv{
  max-width:1013px;
  margin:20px auto;
}
div.confirmImageDiv{
  margin:5px auto 80px auto;
  width:900px;
  position:relative;
}
div.confirmImageDiv div{
  color:#999999;
}
div.confirmTime3{
  position:absolute;
  left:390px;
  top:100px
}
div.confirmTime2{
  position:absolute;
  top:100px;
  left:190px;
}
div.confirmTime1{
  position:absolute;
  top:100px;
  left:-20px;
}
div.confirmText{
  margin:10px 10px 0px 10px;
  font-size:16px;
  font-weight:bold;
  color:black;
  padding-bottom:15px;
  border-bottom:1px solid #ADC8E6;
}
div.confirmItemDiv{
  margin:0px 20px;
}
div.confirmItemText{
  margin:20px 10px;
  font-size:14px;
  font-weight:normal;
  font-color:black;
}
table.confirmItemTable{
  width:100%;
  border:1px solid #DDDDDD;
}
table.confirmItemTable thead{
  background-color:#E8F2FF;
  height:33px;
}
table.confirmItemTable tr{
  border:1px solid #DDDDDD;
}
table.confirmItemTable th,table.confirmItemTable td{
  text-align:center;
}
table.confirmItemTable td{
  padding:20px
}
td.confirmItemProductLink{
  text-align:left !important;
}
.confirmItemProductPrice{
  font-size:18px;
  font-weight:bold;
  color:#666666;
}
.confirmOrderItemSumPrice{
  color:#C40000;
}
td.confirmItemProductLink a{
  color:#999;
}
td.confirmItemProductLink a:hover{
  color:#C40000;
  text-decoration:none;
}
</style>

<div class="confirmProductDiv">
  <div class="confirmImageDiv">
    <img src="https://how2j.cn/tmall/img/site/comformPayFlow.png">
	<div class="confirmTime1">
	  2016-09-14 11:14:45
	</div>
	<div class="confirmTime2">
	  2016-09-14 11:14:47
	</div>
	<div class="confirmTime3">
	  yyyy-mm-dd HH:mm:ss
	</div>
  </div>
  <div class="confirmTextDiv">
    <div class="confirmText">我已收到货，同意支付宝付款</div>
  </div>
  <div class="confirmItemDiv">
    <div class="confirmItemText">订单信息</div>
	<table class="confirmItemTable">
	  <thead>
	    <th colspan="2">宝贝</th>
		<th width="120px">单价</th>
		<th width="120px">数量</th>
		<th width="120px">商品总价</th>
		<th width="120px">运费</th>
	  </thead>
	  <tbody>
	    <tr>
		<td><img width="50px" src="https://how2j.cn/tmall/img/productSingle_middle/5848.jpg"></td>
		<td class="confirmItemProductLink">
		   <a href="#nowhere">罗宾 钢带女表 女士腕表 水钻夜光防水石英表 潮流时尚复古手表女</a>
		</td>
		<td>￥999.0</td>
		<td>1</td>
		<td><span class="confirmItemProductPrice">￥792.00</span></td>
		<td><span>快递：0.00</span></td>
	</tr>
	<tr>
		<td><img width="50px" src="https://how2j.cn/tmall/img/productSingle_middle/3676.jpg"></td>
		<td class="confirmItemProductLink">
		   <a href="#nowhere">科沃斯地宝凌云扫地机器人WiFi智能家用吸尘器超薄全自动洗擦地机</a>
		</td>
		<td>￥5,680.00</td>
		<td>1</td>
		<td><span class="confirmItemProductPrice">￥3,692.00</span></td>
		<td><span>快递：0.00</span></td>
	</tr>
	</tbody></table>
	<div class="confirmItemText pull-right">
	  实付款：<span class="confirmOrderItemSumPrice">￥4,484.00</span>
	</div>
	</div>