list.html · 约 1647 字符
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<style>:root{--theme:#d97706;--theme-d:#b45309}</style>
8<link rel="stylesheet" href="css/style.css">
9</head>
10<body>
11<div class="phone">
12 <header class="appbar">
13 <div class="logo">🍜</div>
14 <div class="brand">食光小馆<small>美味直达</small></div>
15 </header>
16 <main class="screen">
17<div class="card"><div class="sec-title"><span class="bar"></span>最新资讯</div>
18<a class="news" href="detail.html"><b>本周新品：藤椒鸡腿饭</b><div class="meta">2026-06-14 · 新品推荐</div><div class="sum">麻辣鲜香，限时尝鲜价。</div></a>
19<a class="news" href="detail.html"><b>会员日双倍积分开启</b><div class="meta">2026-05-26 · 门店活动</div><div class="sum">每月 18 日储值赠礼。</div></a>
20<a class="news" href="detail.html"><b>夏日限定冷饮上新</b><div class="meta">2026-04-22 · 新品推荐</div><div class="sum">杨梅 / 青提 / 荔枝三款气泡饮。</div></a></div>
21<div class="card center"><a class="btn full" href="detail.html">阅读首条详情 →</a></div>
22 </main>
23 <nav class="tabbar">
24 <a href="index.html"><span>🏠</span>首页</a>
25 <a href="products.html"><span>🛍️</span>产品</a>
26 <a href="list.html"><span>📰</span>资讯</a>
27 <a href="about.html"><span>ℹ️</span>关于</a>
28 <a href="contact.html"><span>📞</span>联系</a>
29 </nav>
30</div>
31<script src="js/main.js"></script>
32</body>
33</html>