改了页面好多bug,整合了一部分代码,提高了代码复用性
This commit is contained in:
		@@ -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">¥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">¥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="">¥31</p>
 | 
			
		||||
        </div>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user