正在显示
32 个修改的文件
包含
962 行增加
和
417 行删除
@@ -1404,7 +1404,7 @@ section { | @@ -1404,7 +1404,7 @@ section { | ||
1404 | 1404 | ||
1405 | .loinput{ | 1405 | .loinput{ |
1406 | border:none; | 1406 | border:none; |
1407 | - width:6rem; | 1407 | + width:6.2rem; |
1408 | height:1rem; | 1408 | height:1rem; |
1409 | line-height:1rem; | 1409 | line-height:1rem; |
1410 | font-size:0.26rem; | 1410 | font-size:0.26rem; |
@@ -4090,7 +4090,9 @@ section { | @@ -4090,7 +4090,9 @@ section { | ||
4090 | .modput1{ | 4090 | .modput1{ |
4091 | border: none; | 4091 | border: none; |
4092 | font-size: 0.26rem; | 4092 | font-size: 0.26rem; |
4093 | - color: #c8c6c6; | 4093 | + color: #c8c6c6; |
4094 | + text-align: right; | ||
4095 | + height:0.4rem; | ||
4094 | } | 4096 | } |
4095 | .modyz img{ | 4097 | .modyz img{ |
4096 | vertical-align:middle; | 4098 | vertical-align:middle; |
css/weui.css
0 → 100644
此 diff 太大无法显示。
index.html
0 → 100644
1 | +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
2 | +<html xmlns="http://www.w3.org/1999/xhtml"> | ||
3 | + | ||
4 | +<head> | ||
5 | + <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"> | ||
6 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
7 | + <link rel="stylesheet" type="text/css" href="css/style.css" /> | ||
8 | + <link rel="stylesheet" type="text/css" href="css/base.css" /> | ||
9 | + <link rel="stylesheet" type="text/css" href="css/health.css"> | ||
10 | + <script src="js/base.js" type="text/javascript" charset="utf-8"></script> | ||
11 | + <script src="js/jquery-1.2.6.min.js"></script> | ||
12 | + <script src="js/t.js"></script> | ||
13 | + | ||
14 | + <script language="javascript"> | ||
15 | + function show() { | ||
16 | + with (document.getElementById('aa').style) { | ||
17 | + display == "block" && (display = "none") || (display = "block") | ||
18 | + } | ||
19 | + } | ||
20 | + | ||
21 | + window.onload = function () { | ||
22 | + var current = 0; | ||
23 | + document.getElementById('target').onclick = function () { | ||
24 | + current = (current + 45) % 360; | ||
25 | + this.style.transform = 'rotate(' + current + 'deg)'; | ||
26 | + } | ||
27 | + | ||
28 | + }; | ||
29 | + | ||
30 | + setInterval("onclick()", 10000); | ||
31 | + function onclick() { | ||
32 | + $("ul.jcarouseLiteNav li.next").click(); | ||
33 | + } | ||
34 | + </script> | ||
35 | + | ||
36 | + | ||
37 | + | ||
38 | + <style> | ||
39 | + .c-dropdown__list1 { | ||
40 | + padding: 6px 0; | ||
41 | + list-style: none; | ||
42 | + position: absolute; | ||
43 | + top: 110%; | ||
44 | + left: 0; | ||
45 | + width: 100%; | ||
46 | + display: none; | ||
47 | + border-radius: 3px; | ||
48 | + background: #fff; | ||
49 | + -webkit-transition: opacity .25s linear, top .25s linear; | ||
50 | + transition: opacity .25s linear, top .25s linear; | ||
51 | + } | ||
52 | + | ||
53 | + .inshare { | ||
54 | + margin: 0.3rem 0.3rem 0rem 0rem; | ||
55 | + } | ||
56 | + | ||
57 | + .smalltop img { | ||
58 | + width: 0.11rem; | ||
59 | + position: relative; | ||
60 | + top: -17px; | ||
61 | + left: 125px; | ||
62 | + } | ||
63 | + | ||
64 | + .part2 a img { | ||
65 | + width: 7.5rem; | ||
66 | + } | ||
67 | + | ||
68 | + .part3 ul { | ||
69 | + width: 7.5rem; | ||
70 | + display: flex; | ||
71 | + flex-wrap: wrap; | ||
72 | + justify-content: center; | ||
73 | + } | ||
74 | + | ||
75 | + .part3 ul li { | ||
76 | + /*height: 4.5rem;*/ | ||
77 | + overflow: hidden; | ||
78 | + } | ||
79 | + </style> | ||
80 | + | ||
81 | + | ||
82 | + <title>首页</title> | ||
83 | +</head> | ||
84 | + | ||
85 | +<body> | ||
86 | + | ||
87 | + <div class="head center"> | ||
88 | + <div class="left address"> | ||
89 | + <a href="#"> | ||
90 | + <img src="images/address_03.png" /> | ||
91 | + </a>北京</div> | ||
92 | + <div class="htitle" style="left:0.25rem;">慈界医养</div> | ||
93 | + <div class="right inshare"> | ||
94 | + <div class="c-dropdown js-dropdown" id="gg"> | ||
95 | + <span class="c-button c-button--dropdown"> | ||
96 | + <a href="#" onclick="show();"> | ||
97 | + <img src="images/share.png" id="target" /> | ||
98 | + </a> | ||
99 | + </span> | ||
100 | + <ul id="aa" class="c-dropdown__list1"> | ||
101 | + <div class="smalltop"> | ||
102 | + <img src="images/oi.png" /> | ||
103 | + </div> | ||
104 | + <li class="c-dropdown__item"> | ||
105 | + <a href="#"> | ||
106 | + <img src="images/dingdan.png" />我的订单</a> | ||
107 | + </li> | ||
108 | + <li class="c-dropdown__item"> | ||
109 | + <a href="health.html.html"> | ||
110 | + <img src="images/sc.png" />健康档案</a> | ||
111 | + </li> | ||
112 | + <li class="c-dropdown__item"> | ||
113 | + <a href="#"> | ||
114 | + <img src="images/zxkf.png" />客服服务</a> | ||
115 | + </li> | ||
116 | + <li class="c-dropdown__item"> | ||
117 | + <a href="#"> | ||
118 | + <img src="images/fb.png" />认购权益</a> | ||
119 | + </li> | ||
120 | + <li class="c-dropdown__item"> | ||
121 | + <a href="#"> | ||
122 | + <img src="images/ss.png" />扫一扫</a> | ||
123 | + </li> | ||
124 | + </ul> | ||
125 | + </div> | ||
126 | + </div> | ||
127 | + </div> | ||
128 | + | ||
129 | + <div class="part1"> | ||
130 | + <div class="nav center" style="display:inline-block;"> | ||
131 | + <ul> | ||
132 | + <li> | ||
133 | + <a href="care.html"> | ||
134 | + <img src="images/nav_02.png" /> | ||
135 | + <p>专业护理</p> | ||
136 | + </a> | ||
137 | + </li> | ||
138 | + <li> | ||
139 | + <a href="rehab.html.html"> | ||
140 | + <img src="images/nav_03.png" /> | ||
141 | + <p>慢病康护</p> | ||
142 | + </a> | ||
143 | + </li> | ||
144 | + <li> | ||
145 | + <a href="rehab.html.html"> | ||
146 | + <img src="images/nav_04.png" /> | ||
147 | + <p>中医理疗</p> | ||
148 | + </a> | ||
149 | + </li> | ||
150 | + <li> | ||
151 | + <a href="examination.html"> | ||
152 | + <img src="images/nav_05.png" /> | ||
153 | + <p>上门体检</p> | ||
154 | + </a> | ||
155 | + </li> | ||
156 | + <li> | ||
157 | + <a href="doctor.html"> | ||
158 | + <img src="images/nav_06.png" /> | ||
159 | + <p>家庭医生</p> | ||
160 | + </a> | ||
161 | + </li> | ||
162 | + <li> | ||
163 | + <a href="rehab.html.html"> | ||
164 | + <img src="images/nav_07.png" /> | ||
165 | + <p>母婴妇产</p> | ||
166 | + </a> | ||
167 | + </li> | ||
168 | + <li> | ||
169 | + <a href="examination.html"> | ||
170 | + <img src="images/nav_08.png" /> | ||
171 | + <p>医疗套餐</p> | ||
172 | + </a> | ||
173 | + </li> | ||
174 | + <li> | ||
175 | + <a href="examination.html"> | ||
176 | + <img src="images/nav_09.png" /> | ||
177 | + <p>养老公寓</p> | ||
178 | + </a> | ||
179 | + </li> | ||
180 | + <li> | ||
181 | + <a href="rehab.html.html"> | ||
182 | + <img src="images/nav_10.png" /> | ||
183 | + <p>健康保险</p> | ||
184 | + </a> | ||
185 | + </li> | ||
186 | + <li> | ||
187 | + <a href="newtra.html.html"> | ||
188 | + <img src="images/nav_11.jpg" /> | ||
189 | + <p>健康旅游</p> | ||
190 | + </a> | ||
191 | + </li> | ||
192 | + </ul> | ||
193 | + </div> | ||
194 | + </div> | ||
195 | + | ||
196 | + <div class="part2"> | ||
197 | + <a href="introduce.html"> | ||
198 | + <img src="images/index_02.jpg" /> | ||
199 | + </a> | ||
200 | + </div> | ||
201 | + | ||
202 | + <div class="part3"> | ||
203 | + <div style="display:inline-block;"> | ||
204 | + <ul> | ||
205 | + <li> | ||
206 | + <a href="home.html.html"> | ||
207 | + <div class="left text3"> | ||
208 | + <p class="title3">居家照护</p> | ||
209 | + <p class="context3">提供生活照护病症护理</p> | ||
210 | + </div> | ||
211 | + <img src="images/part_li_03.jpg" class="right" /> | ||
212 | + </a> | ||
213 | + </li> | ||
214 | + | ||
215 | + <li> | ||
216 | + <a href="#"> | ||
217 | + <div class="left text3"> | ||
218 | + <p class="title3">医院照护</p> | ||
219 | + <p class="context3">为住院治疗的病人提供的生活照料</p> | ||
220 | + </div> | ||
221 | + <img src="images/part_li_04.jpg" class="right" /> | ||
222 | + </a> | ||
223 | + </li> | ||
224 | + | ||
225 | + <li> | ||
226 | + <a href="#"> | ||
227 | + <div class="left text3"> | ||
228 | + <p class="title3">健康评估</p> | ||
229 | + <p class="context3">收集信息进行系统科学分析</p> | ||
230 | + </div> | ||
231 | + <img src="images/part_li_05.jpg" class="right" /> | ||
232 | + </a> | ||
233 | + </li> | ||
234 | + | ||
235 | + <li> | ||
236 | + <a href="#"> | ||
237 | + <div class="left text3"> | ||
238 | + <p class="title3">陪诊</p> | ||
239 | + <p class="context3">陪同就诊人员进行病情诊断或治疗</p> | ||
240 | + </div> | ||
241 | + <img src="images/part_li_08.jpg" class="right" /> | ||
242 | + </a> | ||
243 | + </li> | ||
244 | + </ul> | ||
245 | + </div> | ||
246 | + </div> | ||
247 | + | ||
248 | + <!--part4 start--> | ||
249 | + <div class="part4"> | ||
250 | + <div class="kuang"> | ||
251 | + <div class="title4 box" id="sales-product"> | ||
252 | + <span style="position:relative; left:0.45rem;"> | ||
253 | + <img src="images/part4_03.jpg" />严选推介 | ||
254 | + <img src="images/part4_05.jpg" /> | ||
255 | + </span> | ||
256 | + </div> | ||
257 | + | ||
258 | + <div class="js j_index_carouseProduct" id="sales-product-main"> | ||
259 | + <ul> | ||
260 | + <li id="d1"> | ||
261 | + <div class="con4"> | ||
262 | + <div class="con4li"> | ||
263 | + <a href="#"> | ||
264 | + <img class="left" src="images/part4_li_07.jpg" /> | ||
265 | + </a> | ||
266 | + <div class="corigt left"> | ||
267 | + <a href="home.html.html"> | ||
268 | + <span>普通换药</span> | ||
269 | + <p>术后伤口换药,污染伤口的清创消毒</p> | ||
270 | + </a> | ||
271 | + <p class="minute"> | ||
272 | + <span> | ||
273 | + <img src="images/min.jpg" />60分钟</span> | ||
274 | + <span> | ||
275 | + <img src="images/support.jpg" />562人选择</span> | ||
276 | + </p> | ||
277 | + <p class="price">¥8686</p> | ||
278 | + </div> | ||
279 | + </div> | ||
280 | + | ||
281 | + <div class="con4li"> | ||
282 | + <a href="#"> | ||
283 | + <img class="left" src="images/part4_li_10.jpg" /> | ||
284 | + </a> | ||
285 | + <div class="corigt left"> | ||
286 | + <a href="#"> | ||
287 | + <span>老年痴呆护理</span> | ||
288 | + <p>指导自我料理能力,维护老人尊严</p> | ||
289 | + </a> | ||
290 | + <p class="minute"> | ||
291 | + <span> | ||
292 | + <img src="images/min_03.jpg" />心理指导</span> | ||
293 | + <span> | ||
294 | + <img src="images/min_05.jpg" />针对性方案</span> | ||
295 | + </p> | ||
296 | + <p class="price">¥8686</p> | ||
297 | + </div> | ||
298 | + </div> | ||
299 | + | ||
300 | + <div class="con4li"> | ||
301 | + <a href="#"> | ||
302 | + <img class="left" src="images/part4_li_12.jpg" /> | ||
303 | + </a> | ||
304 | + <div class="corigt left"> | ||
305 | + <a href="#"> | ||
306 | + <span>女士高发肿瘤风险评估E(2项)</span> | ||
307 | + <p>评估卵巢癌、子宫内膜癌风险</p> | ||
308 | + </a> | ||
309 | + <p class="minute"> | ||
310 | + <span> | ||
311 | + <img src="images/min_09.jpg" />可测1人</span> | ||
312 | + <span> | ||
313 | + <img src="images/min_11.jpg" />10-15个工作日</span> | ||
314 | + </p> | ||
315 | + <p class="price">¥8686</p> | ||
316 | + </div> | ||
317 | + </div> | ||
318 | + | ||
319 | + <div class="con4li"> | ||
320 | + <a href="#"> | ||
321 | + <img class="left" src="images/part4_li_14.jpg" /> | ||
322 | + </a> | ||
323 | + <div class="corigt left"> | ||
324 | + <a href="#"> | ||
325 | + <span>艾灸</span> | ||
326 | + <p>温通气血、扶正祛邪,防病治病</p> | ||
327 | + </a> | ||
328 | + <p class="minute"> | ||
329 | + <span> | ||
330 | + <img src="images/min.jpg" />90分钟</span> | ||
331 | + <span> | ||
332 | + <img src="images/support.jpg" />267人选择</span> | ||
333 | + </p> | ||
334 | + <p class="price">¥8686</p> | ||
335 | + </div> | ||
336 | + </div> | ||
337 | + | ||
338 | + <div class="con4li"> | ||
339 | + <a href="#"> | ||
340 | + <img class="left" src="images/part4_li_16.jpg" /> | ||
341 | + </a> | ||
342 | + <div class="corigt left"> | ||
343 | + <a href="#"> | ||
344 | + <span>中老年健康套餐A</span> | ||
345 | + <p>适合患高血脂、糖尿病、冠心病等疾病的人群</p> | ||
346 | + </a> | ||
347 | + <p class="minute"> | ||
348 | + <span> | ||
349 | + <img src="images/min_15.jpg" />健康评估</span> | ||
350 | + <span> | ||
351 | + <img src="images/min_17.jpg" />深度体检</span> | ||
352 | + </p> | ||
353 | + <p class="price">¥8686</p> | ||
354 | + </div> | ||
355 | + </div> | ||
356 | + | ||
357 | + <div class="con4li"> | ||
358 | + <a href="#"> | ||
359 | + <img class="left" src="images/part4_li_18.jpg" /> | ||
360 | + </a> | ||
361 | + <div class="corigt left"> | ||
362 | + <a href="#"> | ||
363 | + <span>万科怡园光熙长者公寓</span> | ||
364 | + <p>稀缺位置和优质环境使得在繁华热闹的城市核心区 享受桃源般的养老生活成为可能 | ||
365 | + </p> | ||
366 | + </a> | ||
367 | + <p class="minute"> | ||
368 | + <span> | ||
369 | + <img src="images/min_21.jpg" />品牌养老</span> | ||
370 | + <span> | ||
371 | + <img src="images/min_23.jpg" />医疗康复</span> | ||
372 | + </p> | ||
373 | + <p class="price">¥8686</p> | ||
374 | + </div> | ||
375 | + </div> | ||
376 | + </div> | ||
377 | + </li> | ||
378 | + | ||
379 | + <li id="d2"> | ||
380 | + <div class="con4"> | ||
381 | + <div class="con4li"> | ||
382 | + <a href="#"> | ||
383 | + <img class="left" src="images/part4_li_07.jpg" /> | ||
384 | + </a> | ||
385 | + <div class="corigt left"> | ||
386 | + <a href="#"> | ||
387 | + <span>普通换药</span> | ||
388 | + <p>术后伤口换药,污染伤口的清创消毒</p> | ||
389 | + </a> | ||
390 | + <p class="minute"> | ||
391 | + <span> | ||
392 | + <img src="images/min.jpg" />60分钟</span> | ||
393 | + <span> | ||
394 | + <img src="images/support.jpg" />562人选择</span> | ||
395 | + </p> | ||
396 | + <p class="price">¥8686</p> | ||
397 | + </div> | ||
398 | + </div> | ||
399 | + | ||
400 | + <div class="con4li"> | ||
401 | + <a href="#"> | ||
402 | + <img class="left" src="images/part4_li_10.jpg" /> | ||
403 | + </a> | ||
404 | + <div class="corigt left"> | ||
405 | + <a href="#"> | ||
406 | + <span>老年痴呆护理</span> | ||
407 | + <p>指导自我料理能力,维护老人尊严</p> | ||
408 | + </a> | ||
409 | + <p class="minute"> | ||
410 | + <span> | ||
411 | + <img src="images/min_03.jpg" />心理指导</span> | ||
412 | + <span> | ||
413 | + <img src="images/min_05.jpg" />针对性方案</span> | ||
414 | + </p> | ||
415 | + <p class="price">¥8686</p> | ||
416 | + </div> | ||
417 | + </div> | ||
418 | + | ||
419 | + <div class="con4li"> | ||
420 | + <a href="#"> | ||
421 | + <img class="left" src="images/part4_li_12.jpg" /> | ||
422 | + </a> | ||
423 | + <div class="corigt left"> | ||
424 | + <a href="#"> | ||
425 | + <span>女士高发肿瘤风险评估E(2项)</span> | ||
426 | + <p>评估卵巢癌、子宫内膜癌风险</p> | ||
427 | + </a> | ||
428 | + <p class="minute"> | ||
429 | + <span> | ||
430 | + <img src="images/min_09.jpg" />可测1人</span> | ||
431 | + <span> | ||
432 | + <img src="images/min_11.jpg" />10-15个工作日</span> | ||
433 | + </p> | ||
434 | + <p class="price">¥8686</p> | ||
435 | + </div> | ||
436 | + </div> | ||
437 | + | ||
438 | + <div class="con4li"> | ||
439 | + <a href="#"> | ||
440 | + <img class="left" src="images/part4_li_14.jpg" /> | ||
441 | + </a> | ||
442 | + <div class="corigt left"> | ||
443 | + <a href="#"> | ||
444 | + <span>艾灸</span> | ||
445 | + <p>温通气血、扶正祛邪,防病治病</p> | ||
446 | + </a> | ||
447 | + <p class="minute"> | ||
448 | + <span> | ||
449 | + <img src="images/min.jpg" />90分钟</span> | ||
450 | + <span> | ||
451 | + <img src="images/support.jpg" />267人选择</span> | ||
452 | + </p> | ||
453 | + <p class="price">¥8686</p> | ||
454 | + </div> | ||
455 | + </div> | ||
456 | + | ||
457 | + <div class="con4li"> | ||
458 | + <a href="#"> | ||
459 | + <img class="left" src="images/part4_li_16.jpg" /> | ||
460 | + </a> | ||
461 | + <div class="corigt left"> | ||
462 | + <a href="#"> | ||
463 | + <span>中老年健康套餐A</span> | ||
464 | + <p>适合患高血脂、糖尿病、冠心病等疾病的人群</p> | ||
465 | + </a> | ||
466 | + <p class="minute"> | ||
467 | + <span> | ||
468 | + <img src="images/min_15.jpg" />健康评估</span> | ||
469 | + <span> | ||
470 | + <img src="images/min_17.jpg" />深度体检</span> | ||
471 | + </p> | ||
472 | + <p class="price">¥8686</p> | ||
473 | + </div> | ||
474 | + </div> | ||
475 | + | ||
476 | + <div class="con4li"> | ||
477 | + <a href="#"> | ||
478 | + <img class="left" src="images/part4_li_18.jpg" /> | ||
479 | + </a> | ||
480 | + <div class="corigt left"> | ||
481 | + <a href="#"> | ||
482 | + <span>万科怡园光熙长者公寓</span> | ||
483 | + <p>稀缺位置和优质环境使得在繁华热闹的城市核心区 享受桃源般的养老生活成为可能 | ||
484 | + </p> | ||
485 | + </a> | ||
486 | + <p class="minute"> | ||
487 | + <span> | ||
488 | + <img src="images/min_21.jpg" />品牌养老</span> | ||
489 | + <span> | ||
490 | + <img src="images/min_23.jpg" />医疗康复</span> | ||
491 | + </p> | ||
492 | + <p class="price">¥8686</p> | ||
493 | + </div> | ||
494 | + </div> | ||
495 | + </div> | ||
496 | + </li> | ||
497 | + </ul> | ||
498 | + <div class="clear"></div> | ||
499 | + | ||
500 | + </div> | ||
501 | + </div> | ||
502 | + </div> | ||
503 | + <!--part4 end--> | ||
504 | + | ||
505 | + | ||
506 | + <!--footer--> | ||
507 | + <div class="footer center"> | ||
508 | + <ul style="font-size:0rem;"> | ||
509 | + <li> | ||
510 | + <a href="index.html.html"> | ||
511 | + <img src="images/yanxuan.png" /> | ||
512 | + </a> | ||
513 | + </li> | ||
514 | + <li> | ||
515 | + <a href="introduce.html.html"> | ||
516 | + <img src="images/footer_05.jpg" /> | ||
517 | + </a> | ||
518 | + </li> | ||
519 | + <li> | ||
520 | + <a href="member.html.html"> | ||
521 | + <img src="images/footer_07.jpg" /> | ||
522 | + </a> | ||
523 | + </li> | ||
524 | + </ul> | ||
525 | + </div> | ||
526 | + <!--footer end--> | ||
527 | + | ||
528 | + | ||
529 | + | ||
530 | +</body> | ||
531 | + | ||
532 | +</html> |
index.html.html
已删除
100644 → 0
1 | -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
2 | -<html xmlns="http://www.w3.org/1999/xhtml"> | ||
3 | -<head> | ||
4 | -<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"> | ||
5 | -<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
6 | -<link rel="stylesheet" type="text/css" href="css/style.css" /> | ||
7 | -<link rel="stylesheet" type="text/css" href="css/base.css" /> | ||
8 | -<link rel="stylesheet" type="text/css" href="css/health.css"> | ||
9 | -<script src="js/base.js" type="text/javascript" charset="utf-8"></script> | ||
10 | -<script src="js/jquery-1.2.6.min.js"></script> | ||
11 | -<script src="js/t.js"></script> | ||
12 | - | ||
13 | -<script language="javascript"> | ||
14 | -function show(){ | ||
15 | -with(document.getElementById('aa').style){ | ||
16 | - display=="block"&&(display="none")||(display="block") | ||
17 | - } | ||
18 | -} | ||
19 | - | ||
20 | -window.onload = function(){ | ||
21 | - var current = 0; | ||
22 | - document.getElementById('target').onclick = function(){ | ||
23 | - current = (current+45)%360; | ||
24 | - this.style.transform = 'rotate('+current+'deg)'; | ||
25 | - } | ||
26 | - | ||
27 | -}; | ||
28 | - | ||
29 | -setInterval("onclick()",10000); | ||
30 | -function onclick(){ | ||
31 | - $("ul.jcarouseLiteNav li.next").click(); | ||
32 | -} | ||
33 | -</script> | ||
34 | - | ||
35 | - | ||
36 | - | ||
37 | -<style> | ||
38 | -.c-dropdown__list1 { | ||
39 | - padding: 6px 0; | ||
40 | - list-style: none; | ||
41 | - position: absolute; | ||
42 | - top: 110%; | ||
43 | - left: 0; | ||
44 | - width: 100%; | ||
45 | - display:none; | ||
46 | - border-radius: 3px; | ||
47 | - background: #fff; | ||
48 | - -webkit-transition: opacity .25s linear, top .25s linear; | ||
49 | - transition: opacity .25s linear, top .25s linear; | ||
50 | -} | ||
51 | -.inshare { | ||
52 | - margin: 0.3rem 0.3rem 0rem 0rem; | ||
53 | -} | ||
54 | -.smalltop img{ | ||
55 | - width: 0.11rem; | ||
56 | - position: relative; | ||
57 | - top: -17px; | ||
58 | - left: 125px; | ||
59 | -} | ||
60 | -.part2 a img{ | ||
61 | - width: 7.5rem; | ||
62 | -} | ||
63 | -.part3 ul{ | ||
64 | - width: 7.5rem; | ||
65 | - display: flex; | ||
66 | - flex-wrap: wrap; | ||
67 | - justify-content: center; | ||
68 | -} | ||
69 | -.part3 ul li{ | ||
70 | - /*height: 4.5rem;*/ | ||
71 | - overflow: hidden; | ||
72 | -} | ||
73 | -</style> | ||
74 | - | ||
75 | - | ||
76 | -<title>首页</title> | ||
77 | -</head> | ||
78 | - | ||
79 | -<body> | ||
80 | - | ||
81 | -<div class="head center"> | ||
82 | - <div class="left address"><a href="#"><img src="images/address_03.png"/></a>北京</div> | ||
83 | - <div class="htitle" style="left:0.25rem;">慈界医养</div> | ||
84 | - <div class="right inshare"> | ||
85 | - <div class="c-dropdown js-dropdown" id="gg" > | ||
86 | - <span class="c-button c-button--dropdown" ><a href="#" onclick="show();"><img src="images/share.png" id ="target"/></a></span> | ||
87 | - <ul id="aa" class="c-dropdown__list1" > | ||
88 | - <div class="smalltop"><img src="images/oi.png"/></div> | ||
89 | - <li class="c-dropdown__item"><a href="#"><img src="images/dingdan.png"/>我的订单</a></li> | ||
90 | - <li class="c-dropdown__item"><a href="health.html.html"><img src="images/sc.png"/>健康档案</a></li> | ||
91 | - <li class="c-dropdown__item"><a href="#"><img src="images/zxkf.png"/>客服服务</a></li> | ||
92 | - <li class="c-dropdown__item"><a href="#"><img src="images/fb.png"/>认购权益</a></li> | ||
93 | - <li class="c-dropdown__item"><a href="#"><img src="images/ss.png"/>扫一扫</a></li> | ||
94 | - </ul> | ||
95 | - </div> | ||
96 | - </div> | ||
97 | -</div> | ||
98 | - | ||
99 | -<div class="part1"> | ||
100 | - <div class="nav center" style="display:inline-block;"> | ||
101 | - <ul> | ||
102 | - <li><a href="care.html"><img src="images/nav_02.png" /><p>专业护理</p></a></li> | ||
103 | - <li><a href="rehab.html.html"><img src="images/nav_03.png" /><p>慢病康护</p></a></li> | ||
104 | - <li><a href="rehab.html.html"><img src="images/nav_04.png" /><p>中医理疗</p></a></li> | ||
105 | - <li><a href="examination.html"><img src="images/nav_05.png" /><p>上门体检</p></a></li> | ||
106 | - <li><a href="doctor.html"><img src="images/nav_06.png" /><p>家庭医生</p></a></li> | ||
107 | - <li><a href="rehab.html.html"><img src="images/nav_07.png" /><p>母婴妇产</p></a></li> | ||
108 | - <li><a href="examination.html"><img src="images/nav_08.png" /><p>医疗套餐</p></a></li> | ||
109 | - <li><a href="examination.html"><img src="images/nav_09.png" /><p>养老公寓</p></a></li> | ||
110 | - <li><a href="rehab.html.html"><img src="images/nav_10.png" /><p>健康保险</p></a></li> | ||
111 | - <li><a href="newtra.html.html"><img src="images/nav_11.jpg" /><p>健康旅游</p></a></li> | ||
112 | - </ul> | ||
113 | - </div> | ||
114 | -</div> | ||
115 | - | ||
116 | -<div class="part2"> | ||
117 | - <a href="introduce.html"><img src="images/index_02.jpg"/></a> | ||
118 | -</div> | ||
119 | - | ||
120 | -<div class="part3"> | ||
121 | - <div style="display:inline-block;"> | ||
122 | - <ul> | ||
123 | - <li> | ||
124 | - <a href="home.html.html"> | ||
125 | - <div class="left text3"> | ||
126 | - <p class="title3">居家照护</p> | ||
127 | - <p class="context3">提供生活照护病症护理</p> | ||
128 | - </div> | ||
129 | - <img src="images/part_li_03.jpg" class="right"/> | ||
130 | - </a> | ||
131 | - </li> | ||
132 | - | ||
133 | - <li> | ||
134 | - <a href="#"> | ||
135 | - <div class="left text3"> | ||
136 | - <p class="title3">医院照护</p> | ||
137 | - <p class="context3">为住院治疗的病人提供的生活照料</p> | ||
138 | - </div> | ||
139 | - <img src="images/part_li_04.jpg" class="right"/> | ||
140 | - </a> | ||
141 | - </li> | ||
142 | - | ||
143 | - <li> | ||
144 | - <a href="#"> | ||
145 | - <div class="left text3"> | ||
146 | - <p class="title3">健康评估</p> | ||
147 | - <p class="context3">收集信息进行系统科学分析</p> | ||
148 | - </div> | ||
149 | - <img src="images/part_li_05.jpg" class="right"/> | ||
150 | - </a> | ||
151 | - </li> | ||
152 | - | ||
153 | - <li> | ||
154 | - <a href="#"> | ||
155 | - <div class="left text3"> | ||
156 | - <p class="title3">陪诊</p> | ||
157 | - <p class="context3">陪同就诊人员进行病情诊断或治疗</p> | ||
158 | - </div> | ||
159 | - <img src="images/part_li_08.jpg" class="right"/> | ||
160 | - </a> | ||
161 | - </li> | ||
162 | - </ul> | ||
163 | - </div> | ||
164 | -</div> | ||
165 | - | ||
166 | -<!--part4 start--> | ||
167 | -<div class="part4"> | ||
168 | - <div class="kuang"> | ||
169 | - <div class="title4 box" id="sales-product"> | ||
170 | - <span style="position:relative; left:0.45rem;"> | ||
171 | - <img src="images/part4_03.jpg"/>严选推介<img src="images/part4_05.jpg"/> | ||
172 | - </span> | ||
173 | - </div> | ||
174 | - | ||
175 | - <div class="js j_index_carouseProduct" id="sales-product-main"> | ||
176 | - <ul> | ||
177 | - <li id="d1"> | ||
178 | - <div class="con4"> | ||
179 | - <div class="con4li"> | ||
180 | - <a href="#"><img class="left" src="images/part4_li_07.jpg"/></a> | ||
181 | - <div class="corigt left"> | ||
182 | - <a href="home.html.html"><span>普通换药</span><p>术后伤口换药,污染伤口的清创消毒</p></a> | ||
183 | - <p class="minute"> | ||
184 | - <span><img src="images/min.jpg"/>60分钟</span><span><img src="images/support.jpg"/>562人选择</span> | ||
185 | - </p> | ||
186 | - <p class="price">¥8686</p> | ||
187 | - </div> | ||
188 | - </div> | ||
189 | - | ||
190 | - <div class="con4li"> | ||
191 | - <a href="#"><img class="left" src="images/part4_li_10.jpg"/></a> | ||
192 | - <div class="corigt left"> | ||
193 | - <a href="#"><span>老年痴呆护理</span><p>指导自我料理能力,维护老人尊严</p></a> | ||
194 | - <p class="minute"> | ||
195 | - <span><img src="images/min_03.jpg"/>心理指导</span><span><img src="images/min_05.jpg"/>针对性方案</span> | ||
196 | - </p> | ||
197 | - <p class="price">¥8686</p> | ||
198 | - </div> | ||
199 | - </div> | ||
200 | - | ||
201 | - <div class="con4li"> | ||
202 | - <a href="#"><img class="left" src="images/part4_li_12.jpg"/></a> | ||
203 | - <div class="corigt left"> | ||
204 | - <a href="#"><span>女士高发肿瘤风险评估E(2项)</span><p>评估卵巢癌、子宫内膜癌风险</p></a> | ||
205 | - <p class="minute"> | ||
206 | - <span><img src="images/min_09.jpg"/>可测1人</span><span><img src="images/min_11.jpg"/>10-15个工作日</span> | ||
207 | - </p> | ||
208 | - <p class="price">¥8686</p> | ||
209 | - </div> | ||
210 | - </div> | ||
211 | - | ||
212 | - <div class="con4li"> | ||
213 | - <a href="#"><img class="left" src="images/part4_li_14.jpg"/></a> | ||
214 | - <div class="corigt left"> | ||
215 | - <a href="#"><span>艾灸</span><p>温通气血、扶正祛邪,防病治病</p></a> | ||
216 | - <p class="minute"> | ||
217 | - <span><img src="images/min.jpg"/>90分钟</span><span><img src="images/support.jpg"/>267人选择</span> | ||
218 | - </p> | ||
219 | - <p class="price">¥8686</p> | ||
220 | - </div> | ||
221 | - </div> | ||
222 | - | ||
223 | - <div class="con4li"> | ||
224 | - <a href="#"><img class="left" src="images/part4_li_16.jpg"/></a> | ||
225 | - <div class="corigt left"> | ||
226 | - <a href="#"><span>中老年健康套餐A</span><p>适合患高血脂、糖尿病、冠心病等疾病的人群</p></a> | ||
227 | - <p class="minute"> | ||
228 | - <span><img src="images/min_15.jpg"/>健康评估</span><span><img src="images/min_17.jpg"/>深度体检</span> | ||
229 | - </p> | ||
230 | - <p class="price">¥8686</p> | ||
231 | - </div> | ||
232 | - </div> | ||
233 | - | ||
234 | - <div class="con4li"> | ||
235 | - <a href="#"><img class="left" src="images/part4_li_18.jpg"/></a> | ||
236 | - <div class="corigt left"> | ||
237 | - <a href="#"><span>万科怡园光熙长者公寓</span><p>稀缺位置和优质环境使得在繁华热闹的城市核心区 | ||
238 | -享受桃源般的养老生活成为可能</p></a> | ||
239 | - <p class="minute"> | ||
240 | - <span><img src="images/min_21.jpg"/>品牌养老</span><span><img src="images/min_23.jpg"/>医疗康复</span> | ||
241 | - </p> | ||
242 | - <p class="price">¥8686</p> | ||
243 | - </div> | ||
244 | - </div> | ||
245 | - </div> | ||
246 | - </li> | ||
247 | - | ||
248 | - <li id="d2"> | ||
249 | - <div class="con4"> | ||
250 | - <div class="con4li"> | ||
251 | - <a href="#"><img class="left" src="images/part4_li_07.jpg"/></a> | ||
252 | - <div class="corigt left"> | ||
253 | - <a href="#"><span>普通换药</span><p>术后伤口换药,污染伤口的清创消毒</p></a> | ||
254 | - <p class="minute"> | ||
255 | - <span><img src="images/min.jpg"/>60分钟</span><span><img src="images/support.jpg"/>562人选择</span> | ||
256 | - </p> | ||
257 | - <p class="price">¥8686</p> | ||
258 | - </div> | ||
259 | - </div> | ||
260 | - | ||
261 | - <div class="con4li"> | ||
262 | - <a href="#"><img class="left" src="images/part4_li_10.jpg"/></a> | ||
263 | - <div class="corigt left"> | ||
264 | - <a href="#"><span>老年痴呆护理</span><p>指导自我料理能力,维护老人尊严</p></a> | ||
265 | - <p class="minute"> | ||
266 | - <span><img src="images/min_03.jpg"/>心理指导</span><span><img src="images/min_05.jpg"/>针对性方案</span> | ||
267 | - </p> | ||
268 | - <p class="price">¥8686</p> | ||
269 | - </div> | ||
270 | - </div> | ||
271 | - | ||
272 | - <div class="con4li"> | ||
273 | - <a href="#"><img class="left" src="images/part4_li_12.jpg"/></a> | ||
274 | - <div class="corigt left"> | ||
275 | - <a href="#"><span>女士高发肿瘤风险评估E(2项)</span><p>评估卵巢癌、子宫内膜癌风险</p></a> | ||
276 | - <p class="minute"> | ||
277 | - <span><img src="images/min_09.jpg"/>可测1人</span><span><img src="images/min_11.jpg"/>10-15个工作日</span> | ||
278 | - </p> | ||
279 | - <p class="price">¥8686</p> | ||
280 | - </div> | ||
281 | - </div> | ||
282 | - | ||
283 | - <div class="con4li"> | ||
284 | - <a href="#"><img class="left" src="images/part4_li_14.jpg"/></a> | ||
285 | - <div class="corigt left"> | ||
286 | - <a href="#"><span>艾灸</span><p>温通气血、扶正祛邪,防病治病</p></a> | ||
287 | - <p class="minute"> | ||
288 | - <span><img src="images/min.jpg"/>90分钟</span><span><img src="images/support.jpg"/>267人选择</span> | ||
289 | - </p> | ||
290 | - <p class="price">¥8686</p> | ||
291 | - </div> | ||
292 | - </div> | ||
293 | - | ||
294 | - <div class="con4li"> | ||
295 | - <a href="#"><img class="left" src="images/part4_li_16.jpg"/></a> | ||
296 | - <div class="corigt left"> | ||
297 | - <a href="#"><span>中老年健康套餐A</span><p>适合患高血脂、糖尿病、冠心病等疾病的人群</p></a> | ||
298 | - <p class="minute"> | ||
299 | - <span><img src="images/min_15.jpg"/>健康评估</span><span><img src="images/min_17.jpg"/>深度体检</span> | ||
300 | - </p> | ||
301 | - <p class="price">¥8686</p> | ||
302 | - </div> | ||
303 | - </div> | ||
304 | - | ||
305 | - <div class="con4li"> | ||
306 | - <a href="#"><img class="left" src="images/part4_li_18.jpg"/></a> | ||
307 | - <div class="corigt left"> | ||
308 | - <a href="#"><span>万科怡园光熙长者公寓</span><p>稀缺位置和优质环境使得在繁华热闹的城市核心区 | ||
309 | -享受桃源般的养老生活成为可能</p></a> | ||
310 | - <p class="minute"> | ||
311 | - <span><img src="images/min_21.jpg"/>品牌养老</span><span><img src="images/min_23.jpg"/>医疗康复</span> | ||
312 | - </p> | ||
313 | - <p class="price">¥8686</p> | ||
314 | - </div> | ||
315 | - </div> | ||
316 | - </div> | ||
317 | - </li> | ||
318 | - </ul> | ||
319 | - <div class="clear"></div> | ||
320 | - | ||
321 | - </div> | ||
322 | - </div> | ||
323 | -</div> | ||
324 | -<!--part4 end--> | ||
325 | - | ||
326 | - | ||
327 | -<!--footer--> | ||
328 | -<div class="footer center"> | ||
329 | -<ul style="font-size:0rem;"> | ||
330 | - <li><a href="index.html.html"><img src="images/yanxuan.png"/></a></li> | ||
331 | - <li><a href="introduce.html.html"><img src="images/footer_05.jpg"/></a></li> | ||
332 | - <li><a href="member.html.html"><img src="images/footer_07.jpg"/></a></li> | ||
333 | -</ul> | ||
334 | -</div> | ||
335 | -<!--footer end--> | ||
336 | - | ||
337 | - | ||
338 | - | ||
339 | -</body> | ||
340 | -</html> |
js/common.js
0 → 100644
1 | +var baseUrl = 'http://kindapp.w.bronet.cn/api/'; | ||
2 | +// var baseUrl = 'http://192.168.1.3/api/'; | ||
3 | + | ||
4 | +function sendAjax(post, url, params, callback) { | ||
5 | + | ||
6 | + $.ajax({ | ||
7 | + url: baseUrl + url, | ||
8 | + type: "POST", | ||
9 | + dataType: "json", | ||
10 | + data: params, | ||
11 | + header: { }, | ||
12 | + // headers: { | ||
13 | + // "Access-Control-Allow-Origin": "http://example.edu", | ||
14 | + // "Access-Control-Allow-Headers": "X-Requested-With" | ||
15 | + // }, | ||
16 | + success: function (res) { | ||
17 | + callback(res) | ||
18 | + }, | ||
19 | + fail: function (err) { | ||
20 | + console.log('error') | ||
21 | + } | ||
22 | + }) | ||
23 | +} | ||
24 | + | ||
25 | +function show() { | ||
26 | + var current = (current + 45) % 360; | ||
27 | + // document.getElementById('target').style.transform = 'rotate(' + current + 'deg)'; | ||
28 | + $('#target').css('transform', 'rotate(' + current + 'deg)'); | ||
29 | + console.log( $('#target').css('transform', 'rotate(' + current + 'deg)')); | ||
30 | + $('#show_menu').toggle() | ||
31 | +} | ||
32 | + | ||
33 | +function getDevice() { | ||
34 | + var login_device = ''; | ||
35 | + var sUserAgent = navigator.userAgent.toLowerCase(); | ||
36 | + var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; | ||
37 | + var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; | ||
38 | + var bIsMidp = sUserAgent.match(/midp/i) == "midp"; | ||
39 | + var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; | ||
40 | + var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; | ||
41 | + var bIsAndroid = sUserAgent.match(/android/i) == "android"; | ||
42 | + var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; | ||
43 | + var wx = sUserAgent.match(/MicroMessenger/i) == "micromessenger" | ||
44 | + var mac = sUserAgent.match(/macintosh|mac os x/i) == "mac" | ||
45 | + var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; | ||
46 | + if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { | ||
47 | + var UA = window.navigator.userAgent; | ||
48 | + | ||
49 | + isAndorid = /android/i.test(UA), | ||
50 | + isIphone = /iphone/i.test(UA), | ||
51 | + //isIphone = /(?:iPhone)/.test(UA), | ||
52 | + isPad = /ipad/i.test(UA), | ||
53 | + isDolphin = typeof dolphin !== 'undefined'; | ||
54 | + device = isAndorid ? 'android' : isIphone ? 'iphone' : isPad ? 'ipad' : mac ? 'mac' : 'mobile'; | ||
55 | + switch (device) { | ||
56 | + case 'iphone': | ||
57 | + login_device = device; | ||
58 | + break; | ||
59 | + case 'android': | ||
60 | + login_device = device; | ||
61 | + break; | ||
62 | + case 'ipad': | ||
63 | + login_device = device; | ||
64 | + break; | ||
65 | + default: | ||
66 | + login_device = device; | ||
67 | + break; | ||
68 | + } | ||
69 | + } else { | ||
70 | + pc_device = wx ? 'wx' : mac ? 'mac' : 'pc'; | ||
71 | + login_device = pc_device; | ||
72 | + } | ||
73 | + return login_device | ||
74 | +} | ||
75 | + | ||
76 | +function getUrlParam(name) { | ||
77 | + var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 | ||
78 | + var r = window.location.search.substr(1).match(reg); //匹配目标参数 | ||
79 | + if (r != null) return unescape(r[2]); | ||
80 | + return null; //返回参数值 | ||
81 | +} |
js/weui.js
0 → 100644
此 diff 太大无法显示。
login.html
0 → 100644
1 | +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
2 | +<html xmlns="http://www.w3.org/1999/xhtml"> | ||
3 | + | ||
4 | +<head> | ||
5 | + <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"> | ||
6 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
7 | + <link rel="stylesheet" type="text/css" href="css/base.css" /> | ||
8 | + <link rel="stylesheet" type="text/css" href="css/style.css" /> | ||
9 | + <link rel="stylesheet" href="css/weui.css"> | ||
10 | + <script src="js/common.js"></script> | ||
11 | + <script src="js/base.js" type="text/javascript" charset="utf-8"></script> | ||
12 | + <script> | ||
13 | + function tab(pid) { | ||
14 | + var tabs = ["tab1", "tab2"]; | ||
15 | + for (var i = 0; i < 2; i++) { | ||
16 | + if (tabs[i] == pid) { | ||
17 | + document.getElementById(tabs[i]).style.display = "block"; | ||
18 | + var div = document.getElementById('ctab3'); | ||
19 | + div.setAttribute("class", "off"); | ||
20 | + var div = document.getElementById('ctab4'); | ||
21 | + div.setAttribute("class", "on"); | ||
22 | + } else { | ||
23 | + document.getElementById(tabs[i]).style.display = "none"; | ||
24 | + var div = document.getElementById('ctab4'); | ||
25 | + div.setAttribute("class", "off"); | ||
26 | + var div = document.getElementById('ctab3'); | ||
27 | + div.setAttribute("class", "on"); | ||
28 | + var div = document.getElementById('ctab3'); | ||
29 | + div.setAttribute("class", "on"); | ||
30 | + } | ||
31 | + } | ||
32 | + } | ||
33 | + </script> | ||
34 | + <style> | ||
35 | + #tab2 { | ||
36 | + display: none; | ||
37 | + } | ||
38 | + </style> | ||
39 | + <title>登录</title> | ||
40 | +</head> | ||
41 | + | ||
42 | +<body style="background-color:#fff;"> | ||
43 | + <div class="perheader center"> | ||
44 | + <div class="left perback"> | ||
45 | + <a href="#" onClick="javascript:history.back(-1);"> | ||
46 | + <img src="images/care_03.jpg" /> | ||
47 | + </a> | ||
48 | + </div> | ||
49 | + <div class="bloodtext">登录</div> | ||
50 | + </div> | ||
51 | + | ||
52 | + <div class="lopart1 center" id="tab"> | ||
53 | + <div class="lotab"> | ||
54 | + <a onclick="tab('tab1')" id="ctab3" class="on">快捷登录</a> | ||
55 | + </div> | ||
56 | + <div class="lotab1"> | ||
57 | + <a onclick="tab('tab2')" id="ctab4" class="off">密码登录</a> | ||
58 | + </div> | ||
59 | + <form action="#" class="login" id="tab1"> | ||
60 | + <input type="text" placeholder="请输入手机号" class="loinput" id="phone" /> | ||
61 | + <div> | ||
62 | + <input type="text" placeholder="请输入验证码" class="loinput" id="code" /> | ||
63 | + <span id="obtain"> | ||
64 | + <img src="images/loshu_03.jpg" /> | ||
65 | + <a class="T-getCode">获取验证码</a> | ||
66 | + </span> | ||
67 | + </div> | ||
68 | + <button type="button" id="lobut">登录</button> | ||
69 | + </form> | ||
70 | + | ||
71 | + <form action="#" class="login" id="tab2"> | ||
72 | + <input type="text" placeholder="请输入手机号" class="loinput" id="phone2" /> | ||
73 | + <div> | ||
74 | + <input type="text" placeholder="请输入验证码" class="loinput" id="code2" /> | ||
75 | + <span id="obtain"> | ||
76 | + <img src="images/loshu_03.jpg" /> | ||
77 | + <a href="setPass.html">忘记密码</a> | ||
78 | + </span> | ||
79 | + </div> | ||
80 | + <button type="button" id="lobut" class="lobutTwo">登录</button> | ||
81 | + </form> | ||
82 | + | ||
83 | + <div class="noreg">未注册手机验证后自动注册</div> | ||
84 | + <div class="loqu"> | ||
85 | + <img src="images/loqu_07.jpg" />使用以下账号快速登录 | ||
86 | + <img src="images/loqu_07.jpg" /> | ||
87 | + </div> | ||
88 | + <div class="loqq"> | ||
89 | + <a href="#"> | ||
90 | + <img src="images/qq_03.jpg" /> | ||
91 | + </a> | ||
92 | + <a href="#"> | ||
93 | + <img src="images/qq_05.jpg" /> | ||
94 | + </a> | ||
95 | + </div> | ||
96 | + <div id="check_css3" class="check"> | ||
97 | + <span> | ||
98 | + <input type="checkbox" class="input_check" id="check3"> | ||
99 | + <label for="check3"></label>我同意 | ||
100 | + <a href="#">《慈界医养用户服务协议》</a> | ||
101 | + </span> | ||
102 | + </div> | ||
103 | + </div> | ||
104 | + | ||
105 | + | ||
106 | + <script src="js/jquery-3.3.1.min.js"></script> | ||
107 | + <script src="js/weui.js"></script> | ||
108 | + <script> | ||
109 | + $(function () { | ||
110 | + // 快捷登陆操作 | ||
111 | + $("#lobut").on("click", (function () { | ||
112 | + var phone = $("#phone").val(); | ||
113 | + var code = $("#code").val(); | ||
114 | + if (phone != "") { | ||
115 | + if (code != "") { | ||
116 | + sendAjax('post', 'home/index/checkSMS', { | ||
117 | + tel: phone, | ||
118 | + code: code | ||
119 | + }, function (res) { | ||
120 | + console.log(res) | ||
121 | + if(res.code == 1){ | ||
122 | + | ||
123 | + }else if (res.code == 0){ | ||
124 | + let loading = weui.loading(res.msg) | ||
125 | + setTimeout(function () { | ||
126 | + loading.hide(); | ||
127 | + }, 1500); | ||
128 | + } | ||
129 | + | ||
130 | + }); | ||
131 | + } else { | ||
132 | + let loading = weui.loading("请填写验证码") | ||
133 | + setTimeout(function () { | ||
134 | + loading.hide(); | ||
135 | + }, 1500); | ||
136 | + } | ||
137 | + } else { | ||
138 | + let loading = weui.loading("请填写手机号码") | ||
139 | + setTimeout(function () { | ||
140 | + loading.hide(); | ||
141 | + }, 1500); | ||
142 | + } | ||
143 | + | ||
144 | + })) | ||
145 | + // 快捷登陆操作 | ||
146 | + $(".lobutTwo").on("click", (function () { | ||
147 | + var phone = $("#phone2").val(); | ||
148 | + var code = $("#code2").val(); | ||
149 | + if (phone != "") { | ||
150 | + if (code != "") { | ||
151 | + | ||
152 | + } else { | ||
153 | + let loading = weui.loading("请填写密码") | ||
154 | + setTimeout(function () { | ||
155 | + loading.hide(); | ||
156 | + }, 1500); | ||
157 | + } | ||
158 | + } else { | ||
159 | + let loading = weui.loading("请填写手机号码") | ||
160 | + setTimeout(function () { | ||
161 | + loading.hide(); | ||
162 | + }, 1500); | ||
163 | + } | ||
164 | + | ||
165 | + })) | ||
166 | + // 短信验证码倒计时 | ||
167 | + //获取短信验证码 | ||
168 | + var validCode = true; | ||
169 | + $(".T-getCode").click(function () { | ||
170 | + var time = 60; | ||
171 | + var $code = $(this); | ||
172 | + if (validCode) { | ||
173 | + var phone = $("#phone").val(); | ||
174 | + if (phone != "") { | ||
175 | + if (phones() == true) { | ||
176 | + sendAjax('post', 'home/index/sendCode', { | ||
177 | + tel: phone, | ||
178 | + }, function (res) { | ||
179 | + console.log(res) | ||
180 | + if (res.code == 1) { | ||
181 | + weui.toast(res.msg, 1000); | ||
182 | + validCode = false; | ||
183 | + var t = setInterval(function () { | ||
184 | + time--; | ||
185 | + $code.html(time + "秒"); | ||
186 | + if (time == 0) { | ||
187 | + clearInterval(t); | ||
188 | + $code.html("重新获取"); | ||
189 | + validCode = true; | ||
190 | + } | ||
191 | + }, 1000) | ||
192 | + } | ||
193 | + }); | ||
194 | + } else { | ||
195 | + let loading = weui.loading("手机格式错误") | ||
196 | + setTimeout(function () { | ||
197 | + loading.hide(); | ||
198 | + }, 1500); | ||
199 | + } | ||
200 | + } else { | ||
201 | + let loading = weui.loading("请填写手机号码") | ||
202 | + setTimeout(function () { | ||
203 | + loading.hide(); | ||
204 | + }, 1500); | ||
205 | + } | ||
206 | + | ||
207 | + | ||
208 | + } | ||
209 | + }) | ||
210 | + | ||
211 | + | ||
212 | + // 验证手机 | ||
213 | + function phones() { | ||
214 | + var value = document.getElementById("phone").value; | ||
215 | + var reg = /^1(3|4|5|7|8)\d{9}$/; | ||
216 | + if (reg.test(value) == true) { | ||
217 | + | ||
218 | + return true; | ||
219 | + } else { | ||
220 | + | ||
221 | + return false; | ||
222 | + } | ||
223 | + } | ||
224 | + | ||
225 | + }) | ||
226 | + | ||
227 | + </script> | ||
228 | +</body> |
login.html.html
已删除
100644 → 0
1 | -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
2 | -<html xmlns="http://www.w3.org/1999/xhtml"> | ||
3 | -<head> | ||
4 | -<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"> | ||
5 | -<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
6 | -<link rel="stylesheet" type="text/css" href="css/base.css" /> | ||
7 | -<link rel="stylesheet" type="text/css" href="css/style.css" /> | ||
8 | -<script src="js/base.js" type="text/javascript" charset="utf-8"></script> | ||
9 | -<script> | ||
10 | - function tab(pid){ | ||
11 | - var tabs=["tab1","tab2"]; | ||
12 | - for(var i=0;i<2;i++){ | ||
13 | - if(tabs[i]==pid){ | ||
14 | - document.getElementById(tabs[i]).style.display="block"; | ||
15 | - var div = document.getElementById('ctab3'); | ||
16 | - div.setAttribute("class", "off"); | ||
17 | - var div = document.getElementById('ctab4'); | ||
18 | - div.setAttribute("class", "on"); | ||
19 | - }else{ | ||
20 | - document.getElementById(tabs[i]).style.display="none"; | ||
21 | - var div = document.getElementById('ctab4'); | ||
22 | - div.setAttribute("class", "off"); | ||
23 | - var div = document.getElementById('ctab3'); | ||
24 | - div.setAttribute("class", "on"); | ||
25 | - var div = document.getElementById('ctab3'); | ||
26 | - div.setAttribute("class", "on"); | ||
27 | - } | ||
28 | - } | ||
29 | - } | ||
30 | - </script> | ||
31 | -<style> | ||
32 | -#tab2{ | ||
33 | - display:none; | ||
34 | - } | ||
35 | - | ||
36 | -</style> | ||
37 | -<title>登录</title> | ||
38 | -</head> | ||
39 | - | ||
40 | -<body style="background-color:#fff;"> | ||
41 | -<div class="perheader center"> | ||
42 | - <div class="left perback"><a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg"/></a></div> | ||
43 | - <div class="bloodtext">登录</div> | ||
44 | -</div> | ||
45 | - | ||
46 | -<div class="lopart1 center" id="tab"> | ||
47 | - <div class="lotab"><a onclick="tab('tab1')" id="ctab3" class="on">快捷登录</a></div> | ||
48 | - <div class="lotab1"><a onclick="tab('tab2')" id="ctab4" class="off" >密码登录</a></div> | ||
49 | - <form action="#" class="login" id="tab1"> | ||
50 | - <input type="text" placeholder="请输入手机号" class="loinput"/> | ||
51 | - <div><input type="text" placeholder="请输入验证码" class="loinput"/><span id="obtain"><img src="images/loshu_03.jpg"/><a href="#">获取验证码</a></span></div> | ||
52 | - <button type="button" id="lobut" >登录</button> | ||
53 | - </form> | ||
54 | - | ||
55 | - <form action="#" class="login" id="tab2"> | ||
56 | - <input type="text" placeholder="请输入手机号" class="loinput"/> | ||
57 | - <div><input type="text" placeholder="请输入验证码" class="loinput"/><span id="obtain"><img src="images/loshu_03.jpg"/><a href="#">忘记密码</a></span></div> | ||
58 | - <button type="button" id="lobut" >登录</button> | ||
59 | - </form> | ||
60 | - | ||
61 | - <div class="noreg">未注册手机验证后自动注册</div> | ||
62 | - <div class="loqu"><img src="images/loqu_07.jpg"/>使用以下账号快速登录<img src="images/loqu_07.jpg"/></div> | ||
63 | - <div class="loqq"><a href="#"><img src="images/qq_03.jpg"/></a><a href="#"><img src="images/qq_05.jpg"/></a></div> | ||
64 | - <div id="check_css3" class="check"> | ||
65 | - <span><input type="checkbox"class="input_check" id="check3"><label for="check3"></label>我同意<a href="#">《慈界医养用户服务协议》</a></span> | ||
66 | - </div> | ||
67 | -</div> | ||
68 | -</body> |
@@ -6,10 +6,12 @@ | @@ -6,10 +6,12 @@ | ||
6 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 6 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
7 | <link rel="stylesheet" type="text/css" href="css/base.css" /> | 7 | <link rel="stylesheet" type="text/css" href="css/base.css" /> |
8 | <link rel="stylesheet" type="text/css" href="css/style.css" /> | 8 | <link rel="stylesheet" type="text/css" href="css/style.css" /> |
9 | + <link rel="stylesheet" href="css/weui.css"> | ||
9 | <script src="js/base.js"></script> | 10 | <script src="js/base.js"></script> |
11 | + <script src="js/common.js"></script> | ||
10 | <style> | 12 | <style> |
11 | - body{ | ||
12 | - box-shadow:0px 0px 0px #888888; | 13 | + body { |
14 | + box-shadow: 0px 0px 0px #888888; | ||
13 | } | 15 | } |
14 | </style> | 16 | </style> |
15 | <script> | 17 | <script> |
@@ -52,33 +54,141 @@ | @@ -52,33 +54,141 @@ | ||
52 | <div class="modname"> | 54 | <div class="modname"> |
53 | <span class="left">请输入手机号</span> | 55 | <span class="left">请输入手机号</span> |
54 | <span class="right"> | 56 | <span class="right"> |
55 | - <input type="text" placeholder="请输入手机号" class="modput" /> | 57 | + <input type="text" placeholder="请输入手机号" class="modput" id="phone" /> |
56 | </span> | 58 | </span> |
57 | </div> | 59 | </div> |
58 | <div class="modname"> | 60 | <div class="modname"> |
59 | <span class="left">请输入验证码</span> | 61 | <span class="left">请输入验证码</span> |
60 | <span class="right"> | 62 | <span class="right"> |
61 | - <input type="text" class="modput1" /> | 63 | + <input type="text" class="modput1" id="code" /> |
62 | <span class="right modyz"> | 64 | <span class="right modyz"> |
63 | <img src="images/loshu_03.jpg" /> | 65 | <img src="images/loshu_03.jpg" /> |
64 | - <a href="#">获取验证码</a> | 66 | + <a class="T-getCode">获取验证码</a> |
65 | </span> | 67 | </span> |
66 | </span> | 68 | </span> |
67 | </div> | 69 | </div> |
68 | <div class="modname"> | 70 | <div class="modname"> |
69 | <span class="left">新密码</span> | 71 | <span class="left">新密码</span> |
70 | <span class="right"> | 72 | <span class="right"> |
71 | - <input type="password" placeholder="请输入新密码" class="modput" /> | 73 | + <input type="password" placeholder="请输入新密码" class="modput" id="pass" /> |
72 | </span> | 74 | </span> |
73 | </div> | 75 | </div> |
74 | <div class="modname"> | 76 | <div class="modname"> |
75 | <span class="left">确认密码</span> | 77 | <span class="left">确认密码</span> |
76 | <span class="right"> | 78 | <span class="right"> |
77 | - <input type="password" placeholder="请再输入新密码" class="modput" /> | 79 | + <input type="password" placeholder="请再输入新密码" class="modput" id="passTwo" /> |
78 | </span> | 80 | </span> |
79 | </div> | 81 | </div> |
80 | <button type="button" id="modbut">确认</button> | 82 | <button type="button" id="modbut">确认</button> |
81 | </form> | 83 | </form> |
82 | </div> | 84 | </div> |
83 | <div style="height:3rem; background-color:#fff;"></div> | 85 | <div style="height:3rem; background-color:#fff;"></div> |
86 | + | ||
87 | + <script src="js/jquery-3.3.1.min.js"></script> | ||
88 | + <script src="js/weui.js"></script> | ||
89 | + <script> | ||
90 | + $(function () { | ||
91 | + // 点击确认 | ||
92 | + $("#modbut").on("click", (function () { | ||
93 | + var phone = $("#phone").val(); | ||
94 | + var code = $("#code").val(); | ||
95 | + var pass = $("#pass").val(); | ||
96 | + var passTwo = $("#passTwo").val(); | ||
97 | + if (phone != "") { | ||
98 | + if (code != "") { | ||
99 | + if (pass != "") { | ||
100 | + if (passTwo != "") { | ||
101 | + if (pass == passTwo) { | ||
102 | + alert("可以提交") | ||
103 | + } else { | ||
104 | + let loading = weui.loading("新密码不统一") | ||
105 | + setTimeout(function () { | ||
106 | + loading.hide(); | ||
107 | + }, 1500); | ||
108 | + } | ||
109 | + } else { | ||
110 | + let loading = weui.loading("请确认密码") | ||
111 | + setTimeout(function () { | ||
112 | + loading.hide(); | ||
113 | + }, 1500); | ||
114 | + } | ||
115 | + } else { | ||
116 | + let loading = weui.loading("请填写新密码") | ||
117 | + setTimeout(function () { | ||
118 | + loading.hide(); | ||
119 | + }, 1500); | ||
120 | + } | ||
121 | + } else { | ||
122 | + let loading = weui.loading("请填写验证码") | ||
123 | + setTimeout(function () { | ||
124 | + loading.hide(); | ||
125 | + }, 1500); | ||
126 | + } | ||
127 | + } else { | ||
128 | + let loading = weui.loading("请填写手机号码") | ||
129 | + setTimeout(function () { | ||
130 | + loading.hide(); | ||
131 | + }, 1500); | ||
132 | + } | ||
133 | + })) | ||
134 | + // 短信验证码倒计时 | ||
135 | + //获取短信验证码 | ||
136 | + var validCode = true; | ||
137 | + $(".T-getCode").click(function () { | ||
138 | + var time = 60; | ||
139 | + var $code = $(this); | ||
140 | + if (validCode) { | ||
141 | + var phone = $("#phone").val(); | ||
142 | + if (phone != "") { | ||
143 | + if (phones() == true) { | ||
144 | + sendAjax('post', 'home/index/sendCode', { | ||
145 | + tel: phone, | ||
146 | + }, function (res) { | ||
147 | + console.log(res) | ||
148 | + if(res.code == 1){ | ||
149 | + weui.toast(res.msg, 1000); | ||
150 | + validCode = false; | ||
151 | + var t = setInterval(function () { | ||
152 | + time--; | ||
153 | + $code.html(time + "秒"); | ||
154 | + if (time == 0) { | ||
155 | + clearInterval(t); | ||
156 | + $code.html("重新获取"); | ||
157 | + validCode = true; | ||
158 | + } | ||
159 | + }, 1000) | ||
160 | + } | ||
161 | + }); | ||
162 | + } else { | ||
163 | + let loading = weui.loading("手机格式错误") | ||
164 | + setTimeout(function () { | ||
165 | + loading.hide(); | ||
166 | + }, 1500); | ||
167 | + } | ||
168 | + } else { | ||
169 | + let loading = weui.loading("请填写手机号码") | ||
170 | + setTimeout(function () { | ||
171 | + loading.hide(); | ||
172 | + }, 1500); | ||
173 | + } | ||
174 | + | ||
175 | + | ||
176 | + } | ||
177 | + }) | ||
178 | + | ||
179 | + | ||
180 | + // 验证手机 | ||
181 | + function phones() { | ||
182 | + var value = document.getElementById("phone").value; | ||
183 | + var reg = /^1(3|4|5|7|8)\d{9}$/; | ||
184 | + if (reg.test(value) == true) { | ||
185 | + | ||
186 | + return true; | ||
187 | + } else { | ||
188 | + | ||
189 | + return false; | ||
190 | + } | ||
191 | + } | ||
192 | + }) | ||
193 | + </script> | ||
84 | </body> | 194 | </body> |
-
请 注册 或 登录 后发表评论