ElmDemo/UI/pages/businessList.html
2023-06-21 17:23:21 +08:00

153 lines
8.2 KiB
HTML
Raw 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/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">&#165;15起送 | &#165;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">&#165;15起送 | &#165;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">&#165;15起送 | &#165;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">&#165;15起送 | &#165;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">&#165;15起送 | &#165;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">&#165;15起送 | &#165;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">&#165;15起送 | &#165;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">&#165;15起送 | &#165;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">&#165;15起送 | &#165;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>