mip-change

src/mip-searchAssociation/README.md

@@ -0,0 +1,33 @@
+# mip-searchAssociation
+
+`<mip-searchAssociation>` 实现搜索联想
+
+标题|内容
+----|----
+类型|通用
+支持布局|N/S
+所需脚本|https://c.mipcdn.com/static/v1/mip-searchAssociation/mip-searchAssociation.js
+
+## 示例
+
+### 基本用法
+
+```html
+<mip-searchAssociation data-src="XXX" class="result-list-con">
+    <div class="search-search">
+        <div class="search-box">
+            <span></span>
+            <input  class="mip-list-more" type="text" autocomplete="off" />
+            <span></span>
+        </div>
+        <button on="tap:home-right-sidebar.close">取消</button>
+    </div>
+    <ul class="result-list"><ul>
+</mip-searchAssociation>
+\```
+
+##属性
+{data-src}
+说明：{后台地址}
+必选项：{是}
+类型：{字符串}

src/mip-searchAssociation/mip-searchAssociation.js

@@ -0,0 +1,36 @@
+/**
+ * Created by Administrator on 2018/5/28.
+ */
+define(function(require) {
+    var customElem = require('customElement').create();
+    var fetchJsonp = require('fetch-jsonp');
+    customElem.prototype.firstInviewCallback = function () {
+        var element = this.element;
+        var input =  element.querySelectorAll('.mip-list-more')[0];
+        var resultList = element.querySelectorAll('.result-list')[0];
+        var src = element.getAttribute('data-src');
+        var inputVal = input.value;
+        input.onkeyup=function(e){
+            if(e.keyCode == 13){
+                window.location.href='/search-kecheng?kw='+inputVal
+            }
+            fetchJsonp(src, {
+                jsonpCallback: inputVal
+            }).then(function (res) {
+                var searchData = JSON.parse(res);
+                var html = '';
+                for(var value of searchData){
+                    html+=`
+                        <li>
+                            <a href="${value.url}">${value.kwd}</a>
+                        </li>
+                    `
+                }
+                resultList.innerHTML = html;
+            }).catch(function (data) {
+                console.log(data);
+            });
+        }
+    };
+    return customElem;
+});

src/mip-searchAssociation/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "mip-searchAssociation",
+  "version": "1.0.0",
+
+  "author": {
+    "name": "wjb",
+    "email": "[email protected]"
+  },
+
+  "engines": {
+    "mip": ">=1.1.0"
+  }
+}