作者 李铮

登陆api

@@ -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;
此 diff 太大无法显示。
  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>
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>  
  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 +}
此 diff 太大无法显示。
  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>
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>