detail.html · 约 1981 字符
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:#2563eb;--theme-d:#1d4ed8}</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>企业数字化转型的 5 个关键步骤</div><div class="muted" style="margin-bottom:10px">2026-06-20 · 运营干货</div>
18<p>从战略规划到落地执行，拆解中小企业可复制的数字化路径。</p>
19<p class="muted" style="margin-top:10px">本文为示范内容，详情页展示单篇文章的完整阅读体验，列表页点击可跳转至此。</p></div>
20<div class="card"><div class="sec-title"><span class="bar"></span>相关推荐</div><div class="sec-title"><span class="bar"></span>最新资讯</div>
21<a class="news" href="detail.html"><b>官网 SEO 优化入门指南</b><div class="meta">2026-05-18 · 技术分享</div><div class="sum">关键词布局、加载速度、移动适配三大核心要点详解。</div></a>
22<a class="news" href="detail.html"><b>案例：某制造企业通过官网获客增长 200%</b><div class="meta">2026-04-10 · 客户案例</div><div class="sum">重构官网与内容矩阵后，三个月内有效询盘量翻倍。</div></a></div>
23 </main>
24 <nav class="tabbar">
25 <a href="index.html"><span>🏠</span>首页</a>
26 <a href="products.html"><span>🛍️</span>产品</a>
27 <a href="list.html"><span>📰</span>资讯</a>
28 <a href="about.html"><span>ℹ️</span>关于</a>
29 <a href="contact.html"><span>📞</span>联系</a>
30 </nav>
31</div>
32<script src="js/main.js"></script>
33</body>
34</html>