diff --git a/docs/css/style.css b/docs/css/style.css index ff20dc8..a4c0b6a 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -351,6 +351,12 @@ main section li a:not(.back) { margin-bottom: 10px; font-size: 20px; } +#search-result-title { + border-bottom: 1px solid #DDD; +} +#search-result-link { + margin-top: 7px; +} @media screen and (max-width: 500px) { .search-panel { /* top: 32%; */ @@ -384,7 +390,6 @@ main section li a:not(.back) { .search-engine { width: 100%; } - .search-engine-bar { height: 45px; width: 100%; @@ -393,7 +398,6 @@ main section li a:not(.back) { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); white-space: nowrap; } - #search-engine-input { padding-left: 15px; box-sizing: border-box; @@ -403,7 +407,6 @@ main section li a:not(.back) { border: none; font-size: 14px; } - .search-engine-submit { display: inline-block; position: relative; @@ -415,20 +418,17 @@ main section li a:not(.back) { fill: currentcolor; user-select: none; } - .search-engine-select ul { margin-top: 20px; width: 100%; text-align: center; } - .search-engine-select ul li { display: inline-block; margin: 0 5px; list-style: none; font-size: 16px; } - /* radio 样式 */ .search-engine-select ul li input[type="radio"] { position: absolute; diff --git a/docs/index.html b/docs/index.html index f86e8c9..d19de67 100644 --- a/docs/index.html +++ b/docs/index.html @@ -68,51 +68,38 @@ -->
-

百科 / 科普 / 资料

+

百科 / 教程 / 科普 / 资料

-
+
+
+ +
diff --git a/docs/js/script.js b/docs/js/script.js index 17d5164..a9285cb 100644 --- a/docs/js/script.js +++ b/docs/js/script.js @@ -89,32 +89,41 @@ var I_LoadList = setInterval("loadList()", 100); var SearchMode = 1; var SearchPanel = document.getElementsByClassName("search-panel")[0]; // 搜索面板 var SearchInput = document.getElementsByClassName("search-input")[0]; // 搜索输入框 -var SearchResult = document.getElementsByClassName("search-result")[0]; // 搜索结果 +var SearchResultTitle = document.getElementById("search-result-title"); // 搜索结果（标题） +var SearchResultLink = document.getElementById("search-result-link"); // 搜索结果（链接） var SearchResultItem = ""; function searchLink() { var LinkListCount = LinkList.length; // 循环次数 var SearchWord = SearchInput.value.toLowerCase(); // 搜索关键词 if (SearchMode == 1 && SearchWord != "") { - SearchResult.innerHTML = ""; // 清空搜索结果 + SearchResultTitle.innerHTML = ""; // 清空搜索结果（标题） + SearchResultLink.innerHTML = ""; // 清空搜索结果（链接） for (var i = 0; i < LinkListCount; i++) { // 排除 href 是 # 的元素 // if (LinkList[i].href.endsWith("#") == false) { // 匹配关键词 // - if (LinkList[i].innerText.toLowerCase().indexOf(SearchWord) != -1 || LinkList[i].href.indexOf(SearchWord) != -1) { - // 复制元素 // + if (LinkList[i].innerText.toLowerCase().indexOf(SearchWord) != -1) { + // 匹配标题 // SearchResultItem = LinkList[i].cloneNode(true); - SearchResult.appendChild(SearchResultItem); + SearchResultTitle.appendChild(SearchResultItem); // 复制元素 + } else if (LinkList[i].href.indexOf(SearchWord) != -1) { + // 匹配链接 // + SearchResultItem = LinkList[i].cloneNode(true); + SearchResultLink.appendChild(SearchResultItem); // 复制元素 } } } } else if (SearchMode == 1 && SearchWord == "") { - SearchResult.innerHTML = "请输入关键词"; + SearchResultTitle.innerHTML = ""; + SearchResultLink.innerHTML = "未输入关键词"; } else if (SearchMode == 2) { SearchInput.value = ""; // 清空输入框 - SearchResult.innerHTML = ""; // 清空搜索结果 + SearchResultTitle.innerHTML = ""; // 清空搜索结果（标题） + SearchResultLink.innerHTML = ""; // 清空搜索结果（链接） SearchPanel.style.visibility = "hidden"; // 隐藏搜索面板 } else { - SearchResult.innerHTML = "异常"; + SearchResultTitle.innerHTML = ""; + SearchResultLink.innerHTML = "异常"; } } diff --git a/docs/js/script.min.js b/docs/js/script.min.js index c02c733..0d4b559 100644 --- a/docs/js/script.min.js +++ b/docs/js/script.min.js @@ -1,6 +1,6 @@ var SlinkyOption={title:true,speed:200};var ListID="#list_";var ListCount=0;var ListCountMax=17;var FullsSreenText=document.getElementsByClassName("fullscreen-text")[0];function loadList(){ListCount=ListCount+1;ListID="#list_"+ListCount;$(ListID).slinky(SlinkyOption);FullsSreenText.innerText="已加载 "+ListCount+" 个分类";if(ListCount==ListCountMax){clearInterval(I_LoadList);FullsSreenText.innerText="加载完毕";setTarget();displayList();}} var LinkList=document.getElementsByTagName("main")[0].getElementsByTagName("a");function setTarget(){for(var i=0;i
- +
-
导航
+
索引