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,viewport-fit=cover">
6<title>茶语时光 · 饮品点单</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div id="app">
11 <header class="topbar">
12 <div class="brand"><span class="logo">🍵</span><span class="bname">茶语时光</span></div>
13 <div class="search"><span>🔍</span><input id="kw" placeholder="搜索你喜欢的饮品" readonly></div>
14 </header>
15 <main id="view"></main>
16 <nav class="tabbar">
17 <a class="tab" data-go="#/home"><span class="ti">🏠</span><span>首页</span></a>
18 <a class="tab" data-go="#/menu"><span class="ti">🧋</span><span>点单</span></a>
19 <a class="tab" data-go="#/cart"><span class="ti">🛒</span><span>购物车</span><i class="badge" id="cartBadge">0</i></a>
20 <a class="tab" data-go="#/mine"><span class="ti">👤</span><span>我的</span></a>
21 </nav>
22</div>
23<div id="toast"></div>
24<script src="js/jquery.min.js"></script>
25<script src="app.js"></script>
26</body>
27</html>
28