detail.html · 约 2176 字符
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="list.html">‹</a><div class="t">苹果外卖 - 商家详情</div></header>
12 <main class="screen"><div class="card"><div style="display:flex;gap:12px;align-items:center"><div class="logo">🍎</div><div><b>苹果轻食</b><div class="muted">评分 4.8 · 今日公告：满 30 减 5，准时出餐</div></div></div></div>
13<div class="search">🔍 搜索店内商品</div>
14<div class="card"><div class="sec-h">🔥 热销商品</div>
15<div class="dish"><div class="pic">🥗</div><div class="info"><b>牛油果鸡胸沙拉</b><div class="d">新鲜牛油果 + 鸡胸肉</div><div class="price">¥28</div></div><button class="add" data-name="牛油果鸡胸沙拉" data-price="28" data-emoji="🥗">+</button></div>
16<div class="dish"><div class="pic">🍱</div><div class="info"><b>低卡能量碗</b><div class="d">藜麦 + 时蔬</div><div class="price">¥32</div></div><button class="add" data-name="低卡能量碗" data-price="32" data-emoji="🍱">+</button></div>
17<div class="dish"><div class="pic">🥪</div><div class="info"><b>全麦三明治</b><div class="d">鸡蛋 + 蔬菜</div><div class="price">¥22</div></div><button class="add" data-name="全麦三明治" data-price="22" data-emoji="🥪">+</button></div>
18<div class="dish"><div class="pic">🍎</div><div class="info"><b>苹果酸奶杯</b><div class="d">无糖酸奶</div><div class="price">¥18</div></div><button class="add" data-name="苹果酸奶杯" data-price="18" data-emoji="🍎">+</button></div>
19</div>
20<div class="cartbar"><span>合计</span><span class="cnt">¥0 · 0件</span></div></main>
21 <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>
22</div>
23<script src="js/main.js"></script>
24</body>
25</html>