index.html · 约 2198 字符
1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>小草咖啡轻食</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back">☕</span><h1>小草咖啡轻食</h1><span class="right">🔔</span></div>
6<div class="banner">
7 <div>
8 <div class="bn-title">☕ 新品 · 生椰拿铁</div>
9 <div class="bn-sub">第二杯半价 · 今日 14:00 前下单立减3元</div>
10 <div class="bn-sub">🏪 营业时间 08:00 - 22:00</div>
11 </div>
12 <span class="bn-emoji">🥥</span>
13</div>
14<div class="search-bar">
15 <span class="sb-icon">🔍</span>
16 <span class="sb-text">搜索咖啡 / 奶茶 / 甜品...</span>
17 <span class="sb-btn">搜索</span>
18</div>
19<div class="quick-grid">
20 <a href="menu.html"><span class="qicon">☕</span>咖啡</a>
21 <a href="menu.html"><span class="qicon">🧋</span>奶茶</a>
22 <a href="menu.html"><span class="qicon">🥭</span>果茶</a>
23 <a href="menu.html"><span class="qicon">🍰</span>甜品</a>
24 <a href="cart.html"><span class="qicon">🛒</span>购物车</a>
25 <a href="member.html"><span class="qicon">🎫</span>会员储值</a>
26 <a href="orders.html"><span class="qicon">📦</span>我的订单</a>
27 <a href="mine.html"><span class="qicon">👤</span>我的</a>
28</div>
29<div class="section-title">🔥 人气爆款 <span onclick="location.href='menu.html'">更多 ></span></div>
30<div class="goods-grid" id="hot-goods"></div>
31<div class="section-title">🆕 新品上架</div>
32<div class="goods-grid" id="new-goods"></div>
33<div class="section-title">🎫 领券中心</div>
34<div id="coupon-list"></div>
35<div style="height:70px"></div>
36<div class="tabbar">
37 <a href="index.html" class="active"><span class="icon">🏠</span>首页</a>
38 <a href="menu.html"><span class="icon">📋</span>点单</a>
39 <a href="orders.html"><span class="icon">📦</span>订单</a>
40 <a href="mine.html"><span class="icon">👤</span>我的</a>
41</div>
42<script src="data.js"></script>
43<script src="app.js"></script>
44<script>renderIndex();</script>
45</body></html>