💻 代码预览 · 小草美发沙龙

1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>服务项目 · 小草美发沙龙</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>服务项目</h1><span class="right">💈</span></div>
3<div style="display:flex;background:#fff;margin:12px;border-radius:12px;padding:6px">
4  <span class="tag" style="flex:1;text-align:center;padding:10px 0;background:var(--accent);color:#fff">全部</span>
5  <span class="tag" style="flex:1;text-align:center;padding:10px 0">剪发造型</span>
6  <span class="tag" style="flex:1;text-align:center;padding:10px 0">烫发染发</span>
7  <span class="tag" style="flex:1;text-align:center;padding:10px 0">头皮养护</span>
8</div>
9<div id="svc-list"></div>
10<div class="card" style="font-size:12px;color:#7a6a4a;line-height:1.9">
11  💡 会员可享专属价：银卡9.5折 / 金卡9折 / 钻石8.5折<br>🎫 次卡/储值卡到店核销，消费自动累计积分<br>💇 发型师会记录你的发型偏好，越剪越懂你
12</div>
13<div style="height:80px"></div>
14<div class="tabbar">
15  <a href="index.html"><span class="icon">🏠</span>首页</a>
16  <a class="active" href="services.html"><span class="icon">💈</span>服务</a>
17  <a href="stylists.html"><span class="icon">🧑‍🎨</span>发型师</a>
18  <a href="book.html"><span class="icon">📅</span>预约</a>
19  <a href="mine.html"><span class="icon">👤</span>我的</a>
20</div>
21<script src="data.js"></script><script src="app.js"></script>
22<script>renderSvc();</script>
23</body></html>