products.html · 约 2151 字符
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:#e11d48;--theme-d:#be123c}</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<div class="prod-grid">
19<div class="prod"><div class="thumb">📱</div><div class="info"><b>星耀手机 X1</b><div class="d">6.7″ 旗舰屏</div><div class="p">¥2,999</div></div></div>
20<div class="prod"><div class="thumb">🎧</div><div class="info"><b>降噪耳机 Air</b><div class="d">主动降噪 40h</div><div class="p">¥599</div></div></div>
21<div class="prod"><div class="thumb">💻</div><div class="info"><b>轻薄笔记本 Pro</b><div class="d">1.2kg 长续航</div><div class="p">¥4,599</div></div></div>
22<div class="prod"><div class="thumb">⌚</div><div class="info"><b>运动手表 S2</b><div class="d">血氧心率监测</div><div class="p">¥899</div></div></div>
23</div></div>
24<div class="card"><div class="sec-title"><span class="bar"></span>服务优势</div><div>
25<p class="muted" style="margin:6px 0">✅ 移动优先，适配各类机型</p>
26<p class="muted" style="margin:6px 0">✅ 源码开放，可二次开发</p>
27<p class="muted" style="margin:6px 0">✅ 组件化结构，易于维护</p>
28<p class="muted" style="margin:6px 0">✅ 含主页/列表/详情/产品/联系等页面</p>
29</div></div>
30 </main>
31 <nav class="tabbar">
32 <a href="index.html"><span>🏠</span>首页</a>
33 <a href="products.html"><span>🛍️</span>产品</a>
34 <a href="list.html"><span>📰</span>资讯</a>
35 <a href="about.html"><span>ℹ️</span>关于</a>
36 <a href="contact.html"><span>📞</span>联系</a>
37 </nav>
38</div>
39<script src="js/main.js"></script>
40</body>
41</html>