改了页面好多bug,整合了一部分代码,提高了代码复用性

This commit is contained in:
myh
2023-06-21 17:16:37 +08:00
parent 2318325519
commit e2b274abbd
13 changed files with 126 additions and 61 deletions

View File

@@ -7,6 +7,7 @@
<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">
@@ -30,7 +31,7 @@
<!--订单明细部分-->
<ul class="w-full">
<li class="w-full h-32 box-border p-[3vw] text-[#666666FF] flex justify-between items-center ">
<li class="OderMessage">
<div class="flex items-center">
<img src="../assets/images/sp01.png"
height="40" width="40"/>"
@@ -38,7 +39,7 @@
</div>
<p class="text-3xl">&#165;15</p>
</li>
<li class="w-full h-32 box-border p-[3vw] text-[#666666FF] flex justify-between items-center ">
<li class="OderMessage">
<div class="flex items-center">
<img src="../assets/images/sp02.png"
height="40" width="40"/>"
@@ -47,7 +48,7 @@
<p class="text-3xl">&#165;16</p>
</li>
</ul>
<div class="w-full h-32 box-border p-[3vw] text-[#666666FF] flex justify-between items-center text-3xl">
<div class="OderMessage text-3xl">
<p class="">配送费</p>
<p class="">&#165;31</p>
</div>