153 lines
8.2 KiB
HTML
153 lines
8.2 KiB
HTML
|
<!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/businessList.scss">
|
|||
|
|
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
|
|||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="w=full h-full">
|
|||
|
|
|
|||
|
|
<!--header部分-->
|
|||
|
|
<header class="w-full h-24 bg-[#0097FFFF] text-white text-4xl fixed left-0 top-0 z-50 flex justify-center items-center">
|
|||
|
|
<p>商家列表</p>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<!--商家列表部分-->
|
|||
|
|
<ul class="w-full mt-24">
|
|||
|
|
<li class="ListBar" onclick="location.href='businessInfo.html'">
|
|||
|
|
<div class="relative items-center">
|
|||
|
|
<img class="w-[20vw] h-[20vw]" src="../assets/images/sj01.png">
|
|||
|
|
<div class="CornerLabels">3</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ml-5">
|
|||
|
|
<h3 class="TextTittle ">万家饺子（软件园E18店）</h3>
|
|||
|
|
<p class="Text">¥15起送 | ¥3配送</p>
|
|||
|
|
<p class="Text">各种饺子炒菜</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="ListBar" onclick="location.href='businessInfo.html'">
|
|||
|
|
<div class="relative items-center">
|
|||
|
|
<img class="w-[20vw] h-[20vw]" src="../assets/images/sj02.png">
|
|||
|
|
<div class="CornerLabels">3</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ml-5">
|
|||
|
|
<h3 class="TextTittle ">小锅饭豆腐馆（全运店）</h3>
|
|||
|
|
<p class="Text">¥15起送 | ¥3配送</p>
|
|||
|
|
<p class="Text">特色美食</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="ListBar" onclick="location.href='businessInfo.html'">
|
|||
|
|
<div class="relative items-center">
|
|||
|
|
<img class="w-[20vw] h-[20vw]" src="../assets/images/sj03.png">
|
|||
|
|
<div class="CornerLabels">1</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ml-5">
|
|||
|
|
<h3 class="TextTittle ">麦当劳麦乐送（全运路店）</h3>
|
|||
|
|
<p class="Text">¥15起送 | ¥3配送</p>
|
|||
|
|
<p class="Text">汉堡薯条</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="ListBar" onclick="location.href='businessInfo.html'">
|
|||
|
|
<div class="relative items-center">
|
|||
|
|
<img class="w-[20vw] h-[20vw]" src="../assets/images/sj04.png">
|
|||
|
|
<!--<div class="w-10 h-10 bg-red-600 text-white text-xl rounded-full flex justify-center items-center absolute -right-4 -top-3">1</div>-->
|
|||
|
|
</div>
|
|||
|
|
<div class="ml-5">
|
|||
|
|
<h3 class="TextTittle ">米村拌饭（浑南店）</h3>
|
|||
|
|
<p class="Text">¥15起送 | ¥3配送</p>
|
|||
|
|
<p class="Text">各种炒菜拌饭</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="ListBar" onclick="location.href='businessInfo.html'">
|
|||
|
|
<div class="relative items-center">
|
|||
|
|
<img class="w-[20vw] h-[20vw]" src="../assets/images/sj05.png">
|
|||
|
|
<!--<div class="w-10 h-10 bg-red-600 text-white text-xl rounded-full flex justify-center items-center absolute -right-4 -top-3">1</div>-->
|
|||
|
|
</div>
|
|||
|
|
<div class="ml-5">
|
|||
|
|
<h3 class="TextTittle ">申记串道（中海康城店）</h3>
|
|||
|
|
<p class="Text">¥15起送 | ¥3配送</p>
|
|||
|
|
<p class="Text">烤串炸串</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="ListBar" onclick="location.href='businessInfo.html'">
|
|||
|
|
<div class="relative items-center">
|
|||
|
|
<img class="w-[20vw] h-[20vw]" src="../assets/images/sj06.png">
|
|||
|
|
<!--<div class="w-10 h-10 bg-red-600 text-white text-xl rounded-full flex justify-center items-center absolute -right-4 -top-3">1</div>-->
|
|||
|
|
</div>
|
|||
|
|
<div class="ml-5">
|
|||
|
|
<h3 class="TextTittle ">半亩良田排骨米饭</h3>
|
|||
|
|
<p class="Text">¥15起送 | ¥3配送</p>
|
|||
|
|
<p class="Text">排骨米饭套餐</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="ListBar" onclick="location.href='businessInfo.html'">
|
|||
|
|
<div class="relative items-center">
|
|||
|
|
<img class="w-[20vw] h-[20vw]" src="../assets/images/sj07.png">
|
|||
|
|
<!--<div class="w-10 h-10 bg-red-600 text-white text-xl rounded-full flex justify-center items-center absolute -right-4 -top-3">1</div>-->
|
|||
|
|
</div>
|
|||
|
|
<div class="ml-5">
|
|||
|
|
<h3 class="TextTittle ">茶兮鲜果饮品（国际软件园店）</h3>
|
|||
|
|
<p class="Text">¥15起送 | ¥3配送</p>
|
|||
|
|
<p class="Text">甜品饮品</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="ListBar" onclick="location.href='businessInfo.html'">
|
|||
|
|
<div class="relative items-center">
|
|||
|
|
<img class="w-[20vw] h-[20vw]" src="../assets/images/sj08.png">
|
|||
|
|
<!--<div class="w-10 h-10 bg-red-600 text-white text-xl rounded-full flex justify-center items-center absolute -right-4 -top-3">1</div>-->
|
|||
|
|
</div>
|
|||
|
|
<div class="ml-5">
|
|||
|
|
<h3 class="TextTittle ">唯一水果捞（软件园E18店）</h3>
|
|||
|
|
<p class="Text">¥15起送 | ¥3配送</p>
|
|||
|
|
<p class="Text">新鲜水果</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="ListBar " onclick="location.href='businessInfo.html'">
|
|||
|
|
<div class="relative items-center">
|
|||
|
|
<img class="w-[20vw] h-[20vw]" src="../assets/images/sj09.png">
|
|||
|
|
<!--<div class="w-10 h-10 bg-red-600 text-white text-xl rounded-full flex justify-center items-center absolute -right-4 -top-3">1</div>-->
|
|||
|
|
</div>
|
|||
|
|
<div class="ml-5">
|
|||
|
|
<h3 class="TextTittle ">满园春饼（全运路店）</h3>
|
|||
|
|
<p class="Text">¥15起送 | ¥3配送</p>
|
|||
|
|
<p class="Text">各种春饼</p>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<!--底部菜单部分-->
|
|||
|
|
<ul class="w-full h-28 border-solid border-t-[1px] border-[#DDDDDDFF] bg-[#FFFFFFFF] fixed left-0 bottom-0 flex justify-around items-center text-sm">
|
|||
|
|
<li class="BottomBar">
|
|||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 10v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-9M6 10l6-6l6 6M6 10l-2 2m14-2l2 2m-10 1h4v4h-4v-4z"/></svg>
|
|||
|
|
<p class="">首页</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="BottomBar">
|
|||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 50 50"><path fill="currentColor" d="M25 49C11.766 49 1 38.233 1 25C1 11.766 11.766 1 25 1c13.233 0 24 10.766 24 24c0 13.233-10.767 24-24 24zm0-44C13.972 5 5 13.972 5 25s8.972 20 20 20s20-8.972 20-20S36.028 5 25 5zm.045 3.25S18 20.321 18 24v2c0 3.678 7.066 16 7.066 16S32 29.934 32 26.256v-2.262c0-3.679-6.955-15.744-6.955-15.744zM25 29a4 4 0 1 1 0-8a4 4 0 0 1 0 8z"/></svg>
|
|||
|
|
<p class="">发现</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="BottomBar">
|
|||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><g id="feDocument0" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="feDocument1" fill="currentColor" fill-rule="nonzero"><path id="feDocument2" d="M15 4H6v16h12V7h-3V4ZM6 2h10l4 4v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm2 9h8v2H8v-2Zm0 4h8v2H8v-2Z"/></g></g></svg>
|
|||
|
|
<p class="">订单</p>
|
|||
|
|
</li>
|
|||
|
|
<li class="BottomBar">
|
|||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 19v-1.25c0-2.071-1.919-3.75-4.286-3.75h-3.428C7.919 14 6 15.679 6 17.75V19m9-11a3 3 0 1 1-6 0a3 3 0 0 1 6 0z"/></svg>
|
|||
|
|
<p class="">我的</p>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|