complated.html 2.8 KB
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单详情</title>
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<script type="text/javascript" src="../js/base.js"></script>
		<link rel="stylesheet" type="text/css" href="../assets/css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../assets/css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_6y9erxzbkn2.css" />
		<script type="text/javascript" src="../assets/font/iconfont.js">
		</script>
		<link rel="stylesheet" href="../css/completed.css" />
	</head>
	<body>
		<div class="good">
			<span>订单号:20180808001</span>
			<span class="confirmed">已完成</span>
		</div>
		<div class="goods">
			<div class="pic_row">
				<span class="rock">
		  			   <span class="pic">
		  			        <img src="../images/banner1.jpg" alt="" />
		  		       </span>
				<span class="two">
		  			        <span>两天攀岩活动</span>
				<span class="price">
			  			       <span>定金 ¥600</span>
				<span>价格 ¥1190</span>
				</span>
				</span>
				</span>
			</div>
			<span class="five">
		  			x5
		  	</span>
		</div>
		<div class="waitmoney">
			已完成
		</div>
		<ul class="list">
			<li class="caned">
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<span class="canceled refunds">已完成</span>
			</li>
			<li class="caned">
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<span class="canceled refunds">已完成</span>
			</li>
			<li class="caned">
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<span class="canceled refunds">已完成</span>
			</li>
			<li class="caned">
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<span class="canceled refunds">已退款</span>
			</li>
		</ul>
		<div class="refund">
			<span class="tui">
				退款进度
			</span>
		</div>
		<div class="add">

		</div>
		<div class="faqi_out">	
				<div class="circle_main active_circle">
					<span class="circle">						
					</span>
					<span class="fa">
						发起退款
					</span>
					
				</div>
				<div class="circle_main active_circle">
					<span class="circle">						
					</span>
					<span class="fa">
						待审核
					</span>
					<span class='span_line'></span>
				</div>
				<div class="circle_main active_circle">
					<span class="circle">						
					</span>
					<span class="fa">
						审核不通过
					</span>
					<span class='span_line'></span>
				</div>
				<div class="circle_main active_circle">
					<span class="circle">
					</span>
					<span class="fa">
						已退款
					</span>
					<span class='span_line'></span>
				</div>				
			</div>
			<!--<div class="footer ok">
					立即支付
			</div>-->
	</body>

</html>