vueorder
/
order_pay.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车页面制作</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="css/basic.css"/>
		<link rel="stylesheet" type="text/css" href="css/order.css"/>

	</head>
	<body>

		<div class="order_content">


		 	<div class="order_pay">
	       		<h3>已下单的菜</h3>

       			<div class="order_pay_detail">
       				<div class="d_num">
   						桌号:001
   					</div>
   					<div class="p_num">
   						人数:2
   					</div>
   					<div class="order_time">
   						下单时间:6:25
   					</div>
       			</div>


       			<div class="order_pay_info">
       				<div class="price_list">
   						应付金额：<span class="price">¥60</span>
   					</div>

   					<div class="pay_button">
   						立即付款
   					</div>
       			</div>

	       </div>


	       <!--订单列表-->

	       <div class="order_list">

	       		<h3>菜品详情:</h3>
	       		<ul class="list">
	       			<li>
	       				<div class="title">
	       					烧茄子
	       				</div>

       					<div class="num">

       						1份
       					</div>


       					<div class="price">

       						12元
       					</div>

	       			</li>

	       			<li>
	       				<div class="title">
	       					烧茄子
	       				</div>

       					<div class="num">

       						1份
       					</div>


       					<div class="price">

       						12元
       					</div>

	       			</li>
	       			<li>
	       				<div class="title">
	       					手撕包菜
	       				</div>

       					<div class="num">

       						1份
       					</div>


       					<div class="price">

       						12元
       					</div>

	       			</li>

	       		</ul>

	       </div>


		</div>
	</body>
</html>