统一样式
This commit is contained in:
+50
-23
@@ -3,33 +3,60 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>多彩场景信函样例</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="./css/style.css">
|
||||
<title>查询入口总览</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Orbitron:wght@500;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="./css/tech-query.css">
|
||||
</head>
|
||||
<body>
|
||||
<main class="landing-shell">
|
||||
<section class="landing-hero">
|
||||
<span class="eyebrow">Unified Gateway</span>
|
||||
<h1>智能查询入口矩阵</h1>
|
||||
<p>统一接入证书、单据与信函三类查询页面，整体切换为一致的科技感视觉风格，方便在同一入口快速跳转。</p>
|
||||
<div class="hero-meta">
|
||||
<span class="meta-chip">统一样式系统</span>
|
||||
<span class="meta-chip">快速入口导航</span>
|
||||
<span class="meta-chip">兼容桌面与移动端</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="letter-container theme-campus">
|
||||
|
||||
<h2 class="salutation">亲爱的[朋友/同学姓名]：</h2>
|
||||
<section class="landing-grid">
|
||||
<a class="entry-card" href="./certs/index.html">
|
||||
<div class="entry-kicker">Module 01</div>
|
||||
<h2>证书查询</h2>
|
||||
<p>按编号、姓名或扫码方式检索证书记录，进入详情页查看核验信息与证书原件。</p>
|
||||
<div class="entry-meta">
|
||||
<span>进入证书模块</span>
|
||||
<span class="entry-arrow">→</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="content">
|
||||
<p>好久不见！最近过得怎么样？</p>
|
||||
<p>转眼间夏天就要到了，还记得那时候我们一起在操场上挥洒汗水、在教室里畅谈未来的日子吗？那段时光，真的就像昨天刚发生一样。</p>
|
||||
<p>这次致信，是想告诉你一个好消息。下周六我要举办一个久违的聚会，希望你一定要来！哪怕只是聊聊天，喝杯茶，也是极好的。时光易逝，友情常驻。愿你每天都充满活力，事事顺心！</p>
|
||||
</div>
|
||||
<a class="entry-card" href="./ticket/index.html">
|
||||
<div class="entry-kicker">Module 02</div>
|
||||
<h2>单据查询</h2>
|
||||
<p>查看单据金额、处理状态与明细信息，保留扫码能力与原有详情跳转。</p>
|
||||
<div class="entry-meta">
|
||||
<span>进入单据模块</span>
|
||||
<span class="entry-arrow">→</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="closing">
|
||||
<p class="wish-prefix">此致</p>
|
||||
<p class="wish-suffix">敬礼！</p>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p class="signature">[您的署名]</p>
|
||||
<p class="date">2026年3月25日</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<a class="entry-card" href="./xinhan/index.html">
|
||||
<div class="entry-kicker">Module 03</div>
|
||||
<h2>信函查询</h2>
|
||||
<p>按收件人、关键字和寄送时间查询信函流转记录，集中展示路径与摘要。</p>
|
||||
<div class="entry-meta">
|
||||
<span>进入信函模块</span>
|
||||
<span class="entry-arrow">→</span>
|
||||
</div>
|
||||
</a>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
<p>© 2026 BI Intelligent Query Interface</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user