docs+framework: canon, system-profile, gdd, registry, 6a framework

search.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>站内搜索 — 临川县正衡律师事务所</title>
+  <link rel="stylesheet" href="assets/css/base.css">
+  <link rel="stylesheet" href="assets/css/surface.css">
+  <script defer src="assets/js/components.js"></script>
+  <script defer src="assets/js/vendor/alpine.min.js"></script>
+</head>
+<body data-page="11" data-total="19">
+  <header>
+    <nav>
+      <a class="brand" href="pages/home.html">临川县正衡律师事务所</a>
+      <a href="pages/home.html">首页</a><a href="pages/about.html">关于正衡</a><a href="pages/team.html">律师团队</a><a href="pages/aid.html">法律援助</a><a href="pages/cases.html">释法案例</a><a href="pages/notices.html">信息公开</a><a href="pages/contact.html">联系我们</a>
+      <form action="search.html" method="get"><input type="search" name="q" placeholder="站内搜索"><button class="btn ghost" type="submit">搜索</button></form>
+    </nav>
+  </header>
+  <!-- M1 检索结果中枢。挂载 markup 依 assets/templates/html/search.html;表层公开索引(data/keywords.surface.json,R8)。
+       公开索引不承载 juanfang/ URL;命中不可开者经门或纯锁定告示(R8)。 -->
+  <main>
+    <h1>站内搜索</h1>
+    <form class="gate" action="search.html" method="get" style="max-width:34rem">
+      <label for="q">关键词</label>
+      <input id="q" type="search" name="q" placeholder="关键词">
+      <button class="btn" type="submit">检索</button>
+    </form>
+    <div id="results" x-data="search" data-index="data/keywords.surface.json" x-cloak>
+      <template x-if="state === 'forbidden'">
+        <span :class="forbidden.hidden ? 'hidden-text' : 'visible-text'" x-text="forbidden.text"></span>
+      </template>
+      <template x-if="state === 'hit'">
+        <div>
+          <p><b x-text="results.length"></b> 条检索结果：</p>
+          <ul class="doc-list">
+            <template x-for="r in results" :key="r.url">
+              <li><a :href="r.url" target="_blank" x-text="r.title"></a></li>
+            </template>
+          </ul>
+        </div>
+      </template>
+      <template x-if="state === 'miss'"><p>未检索到与"<b x-text="q"></b>"相关的内容。</p></template>
+      <template x-if="state === 'empty'"><p>请输入检索关键词。</p></template>
+    </div>
+  </main>
+  <footer x-data="progress"><div class="footer-inner">
+    <span>© 2015 临川县正衡律师事务所</span><a href="pages/juanfang/login.html">员工入口</a><a href="pages/sitemap.html">网站地图</a><a href="pages/contact.html">联系我们</a><span class="progress" x-text="seen.length + '/' + document.body.dataset.total">11/19</span>
+  </div></footer>
+</body>
+</html>