💻 代码预览 · 小草优选商城

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="search-bar">
7  <span class="sb-icon">🔍</span>
8  <span class="sb-text">搜索好物...</span>
9  <span class="sb-btn">搜索</span>
10</div>
11<div class="quick-grid">
12  <a href="category.html"><span class="qicon">📱</span>数码</a>
13  <a href="category.html"><span class="qicon">👕</span>服饰</a>
14  <a href="category.html"><span class="qicon">🍔</span>食品</a>
15  <a href="category.html"><span class="qicon">🏠</span>家居</a>
16  <a href="category.html"><span class="qicon">💄</span>美妆</a>
17  <a href="category.html"><span class="qicon">🏃</span>运动</a>
18  <a href="orders.html"><span class="qicon">📦</span>订单</a>
19  <a href="mine.html"><span class="qicon">👤</span>我的</a>
20</div>
21<div class="seckill-bar">
22  <div><div class="sk-title">⏰ 限时秒杀</div><div class="sk-desc">整点开抢 · 先到先得</div></div>
23  <div class="sk-time"><span>0</span><span>9</span><span>:</span><span>2</span><span>9</span></div>
24</div>
25<div class="section-title">🔥 热销好物 <span>更多 ></span></div>
26<div class="goods-grid" id="hot-goods"></div>
27<div class="section-title">🆕 新品上架</div>
28<div class="goods-grid" id="new-goods"></div>
29<div class="section-title">🎫 领券中心</div>
30<div id="coupon-list"></div>
31<div style="height:70px"></div>
32<div class="tabbar">
33  <a href="index.html" class="active"><span class="icon">🏠</span>首页</a>
34  <a href="category.html"><span class="icon">📂</span>分类</a>
35  <a href="cart.html"><span class="icon">🛒</span>购物车</a>
36  <a href="mine.html"><span class="icon">👤</span>我的</a>
37</div>
38<script src="data.js"></script>
39<script src="app.js"></script>
40<script>renderIndex();</script>
41</body></html>