小草卤肉店/category.html · 约 1570 字符
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="style.css"/>
8</head>
9<body>
10
11<header class="header"><span class="back"></span><h1>卤味分类</h1><span class="right">🔍</span></header>
12<div class="filter-tabs">
13 <div class="filter-tab sel">全部</div>
14 <div class="filter-tab">卤肉</div>
15 <div class="filter-tab">卤禽</div>
16 <div class="filter-tab">素菜凉拌</div>
17 <div class="filter-tab">礼盒</div>
18</div>
19<div class="taste-tabs">
20 <div class="taste-tab sel">全部</div>
21 <div class="taste-tab">五香</div>
22 <div class="taste-tab">麻辣</div>
23 <div class="taste-tab">微辣</div>
24 <div class="taste-tab">酸辣</div>
25</div>
26<div class="sort-bar"><span class="on">综合排序</span><span>销量优先</span><span>价格从低到高</span></div>
27<div class="section-title">全部卤味 <span id="meatCount"></span></div>
28<div id="meatList"></div>
29
30<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class=" active" href="category.html"><span class="icon">🍖</span>卤味</a><a class="" href="vip.html"><span class="icon">👑</span>会员</a><a class="" href="orders.html"><span class="icon">📦</span>订单</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
31<script src="data.js"></script>
32
33<script src="app.js"></script>
34</body>
35</html>