list.html · 约 2717 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>西瓜外卖 - 商家列表</title>
7<link rel="stylesheet" href="css/style.css">
8</head>
9<body>
10<div class="phone">
11 <header class="topbar"><a class="back" href="index.html">‹</a><div class="t">西瓜外卖 - 商家列表</div></header>
12 <main class="screen"><div class="search">🔍 搜索商家</div>
13<div class="card"><div class="sec-h">筛选</div><div style="display:flex;gap:8px;flex-wrap:wrap">
14<button style="background:#fff;color:var(--green-d);border:1px solid #d4f3e2;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600">综合</button>
15<button style="background:#fff;color:var(--green-d);border:1px solid #d4f3e2;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600">距离最近</button>
16<button style="background:#fff;color:var(--green-d);border:1px solid #d4f3e2;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600">销量优先</button>
17<button style="background:#fff;color:var(--green-d);border:1px solid #d4f3e2;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600">评分最高</button>
18</div></div>
19<div class="card"><div class="sec-h">🍽️ 全部商家</div>
20<a class="shop" href="detail.html" style="text-decoration:none;color:inherit"><div class="logo">🍉</div><div class="info"><b>西瓜鲜果</b><div class="meta">⭐4.9 · 月售 1200 · 起送 ¥10 · 20分钟</div><div><span class="tag">新鲜水果 / 果汁</span></div></div></a>
21<a class="shop" href="detail.html" style="text-decoration:none;color:inherit"><div class="logo">🥗</div><div class="info"><b>绿野沙拉</b><div class="meta">⭐4.7 · 月售 800 · 起送 ¥15 · 25分钟</div><div><span class="tag">轻食 / 沙拉</span></div></div></a>
22<a class="shop" href="detail.html" style="text-decoration:none;color:inherit"><div class="logo">🍢</div><div class="info"><b>炙烤串串</b><div class="meta">⭐4.8 · 月售 2000 · 起送 ¥20 · 30分钟</div><div><span class="tag">烧烤 / 夜宵</span></div></div></a>
23<a class="shop" href="detail.html" style="text-decoration:none;color:inherit"><div class="logo">🧋</div><div class="info"><b>青柠茶饮</b><div class="meta">⭐4.6 · 月售 3500 · 起送 ¥12 · 18分钟</div><div><span class="tag">果茶 / 气泡</span></div></div></a>
24</div></main>
25 <nav class="tabbar"><a href="index.html"><span>🏠</span>首页</a><a href="list.html" class="on"><span>🍽️</span>商家</a><a href="order.html"><span>🧾</span>订单</a></nav>
26</div>
27<script src="js/main.js"></script>
28</body>
29</html>