新增：官网->客服帮助->模糊搜索

Application/Media/View/default/Service/detail.html

@@ -1,11 +1,39 @@
 <extend name="Public/base" />
 <block name="body">
-<link rel="stylesheet" href="__CSS__/service.css">
+  <link rel="stylesheet" href="__CSS__/service.css">
-<script type="text/javascript" src="__JS__/event.js"></script>
+  <link href="__STATIC__/icons_alibaba/iconfont.css?v=1.0" rel="stylesheet">
-<script type="text/javascript" src="__JS__/tween.js"></script>
+  <script type="text/javascript" src="__JS__/event.js"></script>
+  <script type="text/javascript" src="__JS__/tween.js"></script>
   <!--客服详情-->
+  <style>
+    .search-input-new {
+      border: 1px solid #999;
+      border-radius: 20px;
+      width: 300px;
+      height: 30px;
+      padding-left: 12px;
+      padding-right: 30px;
+      font-size: 1rem;
+    }
+
+    .search-icon {
+      font-size: 1.4rem;
+      line-height: 32px;
+      position: absolute;
+      right: 8px;
+      cursor: pointer;
+    }
+  </style>
   <div class="g-main server_detail">
-    <div class="crumbs"><em>当前位置：</em> <span>客服中心</span></div>
+    <div class="crumbs" style="display: flex;">
+      <div>
+        <em>当前位置：</em> <span>客服中心</span>
+      </div>
+      <div style="float: right;position: absolute;right: 5%;display: flex;">
+        <input class="search-input-new" placeholder="" id="search_value" value="{:I('get.search','')}" />
+        <i class="iconfont iconicon-test search-icon" id="search_btn"></i>
+      </div>
+    </div>
     <div class="tabmain">
       <div id="outerWrap">
         <div id="sliderParent"></div>
@@ -48,17 +76,17 @@
   </div>
 
   <!-- 主体内容 -->
-<script type="text/javascript">
+  <script type="text/javascript">
-var container = document.getElementById('container');
+      var container = document.getElementById('container');
-var content = document.getElementById('content');
+      var content = document.getElementById('content');
-var oDivs = DOM.children(content, "div");
+      var oDivs = DOM.children(content, "div");
-oDivs[0].st = 0;
+      oDivs[0].st = 0;
-for (var i = 1; i < oDivs.length; i++) {
+      for (var i = 1; i < oDivs.length; i++) {
           oDivs[i].st = oDivs[i].offsetTop;
-}
+      }
-var oLis = DOM.getElesByClass("tabOption");
+      var oLis = DOM.getElesByClass("tabOption");
-var flag = 0;
+      var flag = 0;
-var upFlag = oLis.length;; (function() {
+      var upFlag = oLis.length;; (function() {
           function fn(e) {
               e = e || window.event;
               if (e.wheelDelta) {
@@ -145,6 +173,13 @@ var upFlag = oLis.length;; (function() {
           for (var i = 0; i < oLis.length; i++) {
               oLis[i].onclick = changeTab;
           };
-})();
+
-</script> 
+          $('#search_btn').click(function () {
+              var value = $('#search_value').val();
+              var url = '/media.php?s=/Service/detail/kefu/' + "{:I('get.kefu')}" + '/search/' + value + '.html';
+              // console.log(url);
+              window.location.href = url;
+          });
+      })();
+  </script>
 </block>