demo.html
2.25 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<div id="searchbox" class="page out" data-title="独立搜索插件">
<div id="searchbox-a"></div>
<div id="searchbox-b"></div>
<div id="searchbox-c"></div>
</div>
<script>
require(["NavHeader", "SearchBox", "Slide", "NavPanel"], function(NavHeader, SearchBox, Slide, NavPanel) {
var _u = require("mUtil");
var hasClsPicker = typeof clsPicker !== "undefined";
new SearchBox({
el: "searchbox-a",
container: "#searchbox",
option: {
tip: '今日热搜',
onSearch: function(searchKey){
Mobile_NS.msg(searchKey);
},
scan: true,
history: true,
btns : [
{
icon : "/mobilemode/piclibrary/01-E9_default/scan.png",
//text: '扫啊扫',
align: 'left',
click : function(){
alert("点击图标按钮");
}
},
{
icon : "/mobilemode/piclibrary/01-E9_default/switch.png",
//text: '更多',
align: 'right',
click : function(){
alert("点击图标按钮");
}
}
]
}
}).render().then(function(){
if (!hasClsPicker) return;
_u.vetically("#searchbox-a");
});
if(!hasClsPicker) {
new Slide({
el: "searchbox-b",
option: {
height : 150,
autoplay : 3,
items : [
{path : "/mobilemode/mobile/demo/plugin/Slide/resource/slider01.png", desc : "图片一", url : "/mobilemode/mobile/demo/plugin/NavPanel/demo.html"},
{path : "/mobilemode/mobile/demo/plugin/Slide/resource/slider02.png", desc : "图片二", url : "http://weaver.com.cn/mobile/ecology/index.html", dataAjax : false},
{path : "/mobilemode/mobile/demo/plugin/Slide/resource/slider03.png", desc : "图片三"}
],
callback : {
click : function(data){
console.log(data);
}
}
}
}).render();
}
});
</script>