整合全文检索接口

themes/yilia/source-src/css/share.scss

@@ -41,9 +41,9 @@
   }
 }
 .page-modal {
-  //display: none;
+  display: none;
   position: fixed;
-  top: 24%;
+  top: 50%;
   left: 50%;
   z-index: 1001;
   padding: 20px;
@@ -53,21 +53,16 @@
   border-radius: 4px;
   box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
   opacity: 0;
-  transform: translate(-50%, -200%);
+  transform: translate(-50%, -50%);
+  transition: .3s;
   p {
     margin-bottom: 10px; 
   }
-  &.ready {
-    visibility: hidden;
-    display: block;
-    transform: translate(-50%, -100%);
-    transition: .3s;
-  }
 
   &.in {
+    display: block;
     visibility: visible;
     opacity: 1;
-    transform: translate(-50%, 0);
   }
 
   .close {

themes/yilia/source-src/css/tools.scss

@@ -243,4 +243,45 @@ label.bui-switch-label {
       }
     }
   }
+}
+
+.js-search-box {
+  .search {
+    border-bottom: 1px solid #ccc;
+    background: #f5f5f5;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    width: 500px;
+    display: flex;
+    line-height: 40px;
+    .search-input-icon {
+      padding: 0 10px;
+    }
+    .search-input {
+      flex-grow: 1;
+      input[type=text] {
+        padding: 5px 0;
+        width: 100%;
+        outline: 0;
+        border: none;
+        background: 0 0;
+      }
+    }
+  }
+  .search-result {
+    height: 700px;
+    .search-result-item {
+      text-align: left;
+      border-bottom: 1px dashed $colorC;
+      padding: 10px 10px 0;
+      &:hover {
+        border-bottom-color: $colorA;
+      }
+    }
+    .more-item {
+      cursor: pointer;
+      text-align: center;
+      transform: rotate(180deg)
+    } 
+  }
 }