-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsearch.html
87 lines (81 loc) · 3.41 KB
/
search.html
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" type="text/css" href="css/icons-extra.css" />
<link rel="stylesheet" type="text/css" href="css/app.css"/>
<title>购物就去海淘-购物车</title>
<link href="favicon.ico" type="image/x-icon" rel="icon">
<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
</head>
<body>
<div class="mui-content" style="padding:15px">
<div class="mui-input-row mui-search">
<input type="search" class="mui-input-clear" placeholder="">
<a class="mui-action-back mui-icon mui-pull-right" style="position:absolute; right:10px; z-index:9999; font-size:14px; color:#999; top:12px">取消</a>
</div>
<div class="mui-content-padded">
<h5>热门搜索</h5>
<span class="mui-badge">牛仔裤</span>
<span class="mui-badge mui-badge-primary">上衣</span>
<span class="mui-badge mui-badge-success">裙子</span>
<span class="mui-badge mui-badge-warning">亲子套装</span>
<span class="mui-badge mui-badge-danger">省心套组</span>
<span class="mui-badge mui-badge-purple">针织衫</span>
<span class="mui-badge">牛仔裤</span>
<span class="mui-badge mui-badge-primary">亲子套装</span>
<span class="mui-badge mui-badge-success">最新上架</span>
<span class="mui-badge mui-badge-warning">亲子套装</span>
<span class="mui-badge mui-badge-danger">省心套组</span>
<span class="mui-badge mui-badge-purple">针织衫</span>
<span class="mui-badge mui-badge-purple">针织衫</span>
<span class="mui-badge mui-badge-purple">针织衫</span>
<span class="mui-badge mui-badge-purple">针织衫</span>
</div>
</div>
<script src="js/mui.min.js"></script>
<script>
mui.init({
swipeBack: true //启用右滑关闭功能
});
//语音识别完成事件
document.getElementById("search").addEventListener('recognized', function(e) {
console.log(e.detail.value);
});
var nativeWebview, imm, InputMethodManager;
var initNativeObjects = function() {
if (mui.os.android) {
var main = plus.android.runtimeMainActivity();
var Context = plus.android.importClass("android.content.Context");
InputMethodManager = plus.android.importClass("android.view.inputmethod.InputMethodManager");
imm = main.getSystemService(Context.INPUT_METHOD_SERVICE);
} else {
nativeWebview = plus.webview.currentWebview().nativeInstanceObject();
}
};
var showSoftInput = function() {
if (mui.os.android) {
imm.toggleSoftInput(0, InputMethodManager.SHOW_FORCED);
} else {
nativeWebview.plusCallMethod({
"setKeyboardDisplayRequiresUserAction": false
});
}
setTimeout(function() {
var inputElem = document.querySelector('input');
inputElem.focus();
inputElem.parentNode.classList.add('mui-active'); //第一个是search，加上激活样式
}, 200);
};
mui.plusReady(function() {
initNativeObjects();
showSoftInput();
});
</script>
</body>
</html>