-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
executable file
·183 lines (173 loc) · 6.37 KB
/
index.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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>小花猫</title>
<link rel="icon" type="image/PNG" href="cat_0.png" />
<link rel="shortcut icon" href="cat_0.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="full-screen" content="yes" />
<meta name="screen-orientation" content="portrait" />
<meta name="x5-fullscreen" content="true" />
<meta name="format-detection" content="email=no" />
<meta name="format-detection" content="telephone=no" />
<link rel="apple-touch-icon-precomposed" href="http://www.devislee.com/cat_0.png">
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
<link rel="stylesheet" href="css/app.min.css">
<link rel="stylesheet" type="text/css" href="css/inputDiv.css" />
</head>
<body onload="onPageInit()" onkeydown="onKeyDown()">
<!--浮层-->
<div id="homePage" class="app-page app-android" data-page="home">
<div class="app-topbar blue">
<div class="app-title"><span class="app-icon"></span>小花猫</div>
<div class="right app-button app-menu"></div>
</div>
<div class="app-content" style="background-color: #66ccff;">
<!--<div id="sunny"></div>
<div id="floatdiv" style="left: -50;top: 100;">
<img src="img/cloud4.png" height="38" width="auto">
</div>
<div id="cloudDiv" style="top: 100;">
<marquee behavior="alternate" scrollamount="1.13">
<img class="cloudImg" src="img/cloud2.png" alt="" width="55" height="auto" />
</marquee>
</div>-->
<!--内容-->
<div id="contentDiv">
<ul class="chat-thread" id="chatContent">
<li class="you">嗨！主人您好，我是小花猫! </li>
</ul>
<div id="chatContentFootDiv"> </div>
<div style="clear: both;"> </div>
</div>
<div id="inputDiv">
<input id="inputText" class="app-input " name="subject" placeholder="请输入要说的话…">
<div class="app-button green corner_button" id="sendButton" onclick="sendMessage()">OK</div>
<div style="clear: both;height: 0px;"> </div>
</div>
</div>
</div>
<div class="app-page app-ios-7" data-page="identify">
<div class="app-topbar blue">
<div class="left app-button" data-back data-autotitle>
</div>
<div class="app-title">
算命大师
</div>
<div class="right app-button app-menu">帮助</div>
</div>
<div class="app-content">
<div class="app-section">
<h5>
算命大师功能正在开发中……</br>即将上线！敬请期待！
</h5>
</div>
<div class="app-section" style="text-align: left;">
<h5>请选取一张您的照片</h5>
<input id="fileInput" type="file" onchange="getPic()">
</input>
</div>
<script>
function getPic() {
alert('213');
document.getElementById('image').src = this.value;
}
</script>
<div class="app-section" style="text-align: center;">
<img id="image" src="cat_0.png" alt="暂不支持" />
</div>
<div class="app-section">
<div class="app-button green" id="identifyButton" onclick="alert('识别功能尚未完成')">
算一卦
</div>
</div>
<!--<div class="app-section">
<h3 id="resultText">
识别结果：
</h3>
<input type="file" id="fileElem" multiple accept="image/*" onchange="handleFiles(this)">
<div id="fileList" style="width:200px;height:200px;">
</div>
</div>-->
</div>
</div>
<script type="text/javascript " src="js/app.min.js "></script>
<script type="text/javascript " src="js/chat.js "></script>
<script type="text/javascript " src="js/WeixinApi.js "></script>
<script type="text/javascript" src="js/touch.js"></script>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/identify.js"></script>
<script type="text/javascript" src="js/shake.js"></script>
<script>
//页面初始化
App.controller('home', function(page) {
// if (App.platform === 'ios') {
// this.transition = 'slideon-down';
// }
$(page).on('appLayout', function() {
// onPageInit();
});
$(page).find('.app-menu')
.on('click', function() {
App.dialog({
title: "欢迎常来和小花猫一起聊天！喵~",
text: "我还有很多隐藏功能哦！~O(∩_∩)O~",
okButton: '算命大师',
cancelButton: '取消'
}, function(choice) {
console.log(choice);
if (choice == 'ok') {
App.load('identify');
//alert('请点击右上角微信菜单，把我分享到朋友圈吧！喵~ ^ω^');
}
});
});
});
App.controller('identify', function(page) {});
App.enableDragTransition();
try {
App.restore();
} catch (err) {
App.load('home');
}
window.wxData = {
"appId": "",
"imgUrl": 'http://www.catandroid.com/cat_0.png',
"link": 'http://www.catandroid.com/',
"desc": "卖萌、装逼、耍赖、搞基…… 这些我真的都不会哦！喵~",
"title": "小花猫—智能聊天机器人"
};
window.wxFriend = {
"appId": "",
"imgUrl": 'http://www.catandroid.com/cat_0.png',
"link": 'http://www.catandroid.com/',
"desc": "卖萌、装逼、耍赖、搞基…… 这些我真的都不会哦！喵~",
"title": "小花猫—智能聊天机器人"
};
window.wxData.desc = "小花猫—智能聊天";
window.wxFriend.desc = "卖萌、装逼、耍赖、搞基…… 这些我真的都不会哦！喵~";
WeixinApi.ready(function(Api) {
var wxCallbacks = {
ready: function() {},
cancel: function(resp) {},
fail: function(resp) {},
confirm: function(resp) {},
all: function(resp) {}
};
Api.shareToFriend(wxFriend, wxCallbacks);
Api.shareToTimeline(wxData, wxCallbacks);
Api.shareToWeibo(wxData, wxCallbacks);
});
</script>
<div style="display: none;">
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F7409296fd4cad2d7cb5f7b93d451b43b' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
</body>
</html>