ElmDemo/UI/pages/order.html

63 lines
2.9 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>饿了么 确认订单</title>
<link rel="stylesheet" href="../css/output.css">
<link rel="stylesheet" href="../scss/order.scss">
</head>
<body>
<div class="w-full h-full">
<!--header部分-->
<header class="w-full h-24 font-medium bg-[#0097FFFF] text-white text-4xl fixed left-0 top-0 z-50 flex justify-center items-center">
<p>确认订单</p>
</header>
<!--订单信息部分-->
<div class="w-full mt-24 bg-[#0097FFFF] box-border p-[2vw] text-white">
<p class="text-2xl font-light">订单配送至:</p>
<div class="w-full flex justify-between items-center font-bold select-none cursor-pointer my-1 mx-0">
<p class="w-[90%] text-4xl">沈阳市浑南区智慧四街1-121号</p>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.54 11.29L9.88 5.64a1 1 0 0 0-1.42 0a1 1 0 0 0 0 1.41l4.95 5L8.46 17a1 1 0 0 0 0 1.41a1 1 0 0 0 .71.3a1 1 0 0 0 .71-.3l5.66-5.65a1 1 0 0 0 0-1.47Z"/></svg>
</div>
<p class="text2xl">孟云浩先生 13599996666</p>
</div>
<p class="box-border p-[3vw] text-3xl font-bold text-[#666666FF] border-solid border-b-[1px] border-b-[#DDDDDDFF]">万家饺子软件园E18店</p>
<!--订单明细部分-->
<ul class="w-full">
<li class="OderMessage">
<div class="flex items-center">
<img src="../assets/images/sp01.png"
height="40" width="40"/>"
<p class="text-3xl ml-6">纯肉鲜肉(水饺) x 2</p>
</div>
<p class="text-3xl">&#165;15</p>
</li>
<li class="OderMessage">
<div class="flex items-center">
<img src="../assets/images/sp02.png"
height="40" width="40"/>"
<p class="text-3xl ml-6">玉米鲜肉(水饺) x 1</p>
</div>
<p class="text-3xl">&#165;16</p>
</li>
</ul>
<div class="OderMessage text-3xl">
<p class="">配送费</p>
<p class="">&#165;31</p>
</div>
<!--合计部分-->
<div class="w-full h-28 fixed left-0 bottom-0 flex">
<div class="flex basis-2/3 bg-[#505051FF] text-white text-4xl font-bold select-none justify-center items-center">&#165;49</div>
<div class="flex basis-1/3 bg-[#38CA73FF] text-white text-4xl font-bold select-none cursor-pointer justify-center items-center" onclick="location.href='payment.html'">去支付</div>
</div>
</div>
</body>
</html>