丁玲 / doctor_public · 提交

转到一个项目

作者 李铮
提交 9807dbfd172dc18c090e20fe5fa1be2d46287a69 1 个父辈 ae7bf952

登陆api

内嵌 并排对比
正在显示 32 个修改的文件 包含 962 行增加 和 417 行删除
... ... @@ -1404,7 +1404,7 @@ section {
.loinput{
border:none;
width:6rem;
width:6.2rem;
height:1rem;
line-height:1rem;
font-size:0.26rem;
... ... @@ -4090,7 +4090,9 @@ section {
.modput1{
border: none;
font-size: 0.26rem;
color: #c8c6c6;
color: #c8c6c6;
text-align: right;
height:0.4rem;
}
.modyz img{
vertical-align:middle;
... ...
此 diff 太大无法显示。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/health.css">
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-1.2.6.min.js"></script>
<script src="js/t.js"></script>
<script language="javascript">
function show() {
with (document.getElementById('aa').style) {
display == "block" && (display = "none") || (display = "block")
}
}
window.onload = function () {
var current = 0;
document.getElementById('target').onclick = function () {
current = (current + 45) % 360;
this.style.transform = 'rotate(' + current + 'deg)';
}
};
setInterval("onclick()", 10000);
function onclick() {
$("ul.jcarouseLiteNav li.next").click();
}
</script>
<style>
.c-dropdown__list1 {
padding: 6px 0;
list-style: none;
position: absolute;
top: 110%;
left: 0;
width: 100%;
display: none;
border-radius: 3px;
background: #fff;
-webkit-transition: opacity .25s linear, top .25s linear;
transition: opacity .25s linear, top .25s linear;
}
.inshare {
margin: 0.3rem 0.3rem 0rem 0rem;
}
.smalltop img {
width: 0.11rem;
position: relative;
top: -17px;
left: 125px;
}
.part2 a img {
width: 7.5rem;
}
.part3 ul {
width: 7.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.part3 ul li {
/*height: 4.5rem;*/
overflow: hidden;
}
</style>
<title>首页</title>
</head>
<body>
<div class="head center">
<div class="left address">
<a href="#">
<img src="images/address_03.png" />
</a>北京</div>
<div class="htitle" style="left:0.25rem;">慈界医养</div>
<div class="right inshare">
<div class="c-dropdown js-dropdown" id="gg">
<span class="c-button c-button--dropdown">
<a href="#" onclick="show();">
<img src="images/share.png" id="target" />
</a>
</span>
<ul id="aa" class="c-dropdown__list1">
<div class="smalltop">
<img src="images/oi.png" />
</div>
<li class="c-dropdown__item">
<a href="#">
<img src="images/dingdan.png" />我的订单</a>
</li>
<li class="c-dropdown__item">
<a href="health.html.html">
<img src="images/sc.png" />健康档案</a>
</li>
<li class="c-dropdown__item">
<a href="#">
<img src="images/zxkf.png" />客服服务</a>
</li>
<li class="c-dropdown__item">
<a href="#">
<img src="images/fb.png" />认购权益</a>
</li>
<li class="c-dropdown__item">
<a href="#">
<img src="images/ss.png" />扫一扫</a>
</li>
</ul>
</div>
</div>
</div>
<div class="part1">
<div class="nav center" style="display:inline-block;">
<ul>
<li>
<a href="care.html">
<img src="images/nav_02.png" />
<p>专业护理</p>
</a>
</li>
<li>
<a href="rehab.html.html">
<img src="images/nav_03.png" />
<p>慢病康护</p>
</a>
</li>
<li>
<a href="rehab.html.html">
<img src="images/nav_04.png" />
<p>中医理疗</p>
</a>
</li>
<li>
<a href="examination.html">
<img src="images/nav_05.png" />
<p>上门体检</p>
</a>
</li>
<li>
<a href="doctor.html">
<img src="images/nav_06.png" />
<p>家庭医生</p>
</a>
</li>
<li>
<a href="rehab.html.html">
<img src="images/nav_07.png" />
<p>母婴妇产</p>
</a>
</li>
<li>
<a href="examination.html">
<img src="images/nav_08.png" />
<p>医疗套餐</p>
</a>
</li>
<li>
<a href="examination.html">
<img src="images/nav_09.png" />
<p>养老公寓</p>
</a>
</li>
<li>
<a href="rehab.html.html">
<img src="images/nav_10.png" />
<p>健康保险</p>
</a>
</li>
<li>
<a href="newtra.html.html">
<img src="images/nav_11.jpg" />
<p>健康旅游</p>
</a>
</li>
</ul>
</div>
</div>
<div class="part2">
<a href="introduce.html">
<img src="images/index_02.jpg" />
</a>
</div>
<div class="part3">
<div style="display:inline-block;">
<ul>
<li>
<a href="home.html.html">
<div class="left text3">
<p class="title3">居家照护</p>
<p class="context3">提供生活照护病症护理</p>
</div>
<img src="images/part_li_03.jpg" class="right" />
</a>
</li>
<li>
<a href="#">
<div class="left text3">
<p class="title3">医院照护</p>
<p class="context3">为住院治疗的病人提供的生活照料</p>
</div>
<img src="images/part_li_04.jpg" class="right" />
</a>
</li>
<li>
<a href="#">
<div class="left text3">
<p class="title3">健康评估</p>
<p class="context3">收集信息进行系统科学分析</p>
</div>
<img src="images/part_li_05.jpg" class="right" />
</a>
</li>
<li>
<a href="#">
<div class="left text3">
<p class="title3">陪诊</p>
<p class="context3">陪同就诊人员进行病情诊断或治疗</p>
</div>
<img src="images/part_li_08.jpg" class="right" />
</a>
</li>
</ul>
</div>
</div>
<!--part4 start-->
<div class="part4">
<div class="kuang">
<div class="title4 box" id="sales-product">
<span style="position:relative; left:0.45rem;">
<img src="images/part4_03.jpg" />严选推介
<img src="images/part4_05.jpg" />
</span>
</div>
<div class="js j_index_carouseProduct" id="sales-product-main">
<ul>
<li id="d1">
<div class="con4">
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_07.jpg" />
</a>
<div class="corigt left">
<a href="home.html.html">
<span>普通换药</span>
<p>术后伤口换药，污染伤口的清创消毒</p>
</a>
<p class="minute">
<span>
<img src="images/min.jpg" />60分钟</span>
<span>
<img src="images/support.jpg" />562人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_10.jpg" />
</a>
<div class="corigt left">
<a href="#">
<span>老年痴呆护理</span>
<p>指导自我料理能力，维护老人尊严</p>
</a>
<p class="minute">
<span>
<img src="images/min_03.jpg" />心理指导</span>
<span>
<img src="images/min_05.jpg" />针对性方案</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_12.jpg" />
</a>
<div class="corigt left">
<a href="#">
<span>女士高发肿瘤风险评估E(2项）</span>
<p>评估卵巢癌、子宫内膜癌风险</p>
</a>
<p class="minute">
<span>
<img src="images/min_09.jpg" />可测1人</span>
<span>
<img src="images/min_11.jpg" />10-15个工作日</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_14.jpg" />
</a>
<div class="corigt left">
<a href="#">
<span>艾灸</span>
<p>温通气血、扶正祛邪，防病治病</p>
</a>
<p class="minute">
<span>
<img src="images/min.jpg" />90分钟</span>
<span>
<img src="images/support.jpg" />267人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_16.jpg" />
</a>
<div class="corigt left">
<a href="#">
<span>中老年健康套餐A</span>
<p>适合患高血脂、糖尿病、冠心病等疾病的人群</p>
</a>
<p class="minute">
<span>
<img src="images/min_15.jpg" />健康评估</span>
<span>
<img src="images/min_17.jpg" />深度体检</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_18.jpg" />
</a>
<div class="corigt left">
<a href="#">
<span>万科怡园光熙长者公寓</span>
<p>稀缺位置和优质环境使得在繁华热闹的城市核心区 享受桃源般的养老生活成为可能
</p>
</a>
<p class="minute">
<span>
<img src="images/min_21.jpg" />品牌养老</span>
<span>
<img src="images/min_23.jpg" />医疗康复</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
</div>
</li>
<li id="d2">
<div class="con4">
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_07.jpg" />
</a>
<div class="corigt left">
<a href="#">
<span>普通换药</span>
<p>术后伤口换药，污染伤口的清创消毒</p>
</a>
<p class="minute">
<span>
<img src="images/min.jpg" />60分钟</span>
<span>
<img src="images/support.jpg" />562人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_10.jpg" />
</a>
<div class="corigt left">
<a href="#">
<span>老年痴呆护理</span>
<p>指导自我料理能力，维护老人尊严</p>
</a>
<p class="minute">
<span>
<img src="images/min_03.jpg" />心理指导</span>
<span>
<img src="images/min_05.jpg" />针对性方案</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_12.jpg" />
</a>
<div class="corigt left">
<a href="#">
<span>女士高发肿瘤风险评估E(2项）</span>
<p>评估卵巢癌、子宫内膜癌风险</p>
</a>
<p class="minute">
<span>
<img src="images/min_09.jpg" />可测1人</span>
<span>
<img src="images/min_11.jpg" />10-15个工作日</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_14.jpg" />
</a>
<div class="corigt left">
<a href="#">
<span>艾灸</span>
<p>温通气血、扶正祛邪，防病治病</p>
</a>
<p class="minute">
<span>
<img src="images/min.jpg" />90分钟</span>
<span>
<img src="images/support.jpg" />267人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_16.jpg" />
</a>
<div class="corigt left">
<a href="#">
<span>中老年健康套餐A</span>
<p>适合患高血脂、糖尿病、冠心病等疾病的人群</p>
</a>
<p class="minute">
<span>
<img src="images/min_15.jpg" />健康评估</span>
<span>
<img src="images/min_17.jpg" />深度体检</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#">
<img class="left" src="images/part4_li_18.jpg" />
</a>
<div class="corigt left">
<a href="#">
<span>万科怡园光熙长者公寓</span>
<p>稀缺位置和优质环境使得在繁华热闹的城市核心区 享受桃源般的养老生活成为可能
</p>
</a>
<p class="minute">
<span>
<img src="images/min_21.jpg" />品牌养老</span>
<span>
<img src="images/min_23.jpg" />医疗康复</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<!--part4 end-->
<!--footer-->
<div class="footer center">
<ul style="font-size:0rem;">
<li>
<a href="index.html.html">
<img src="images/yanxuan.png" />
</a>
</li>
<li>
<a href="introduce.html.html">
<img src="images/footer_05.jpg" />
</a>
</li>
<li>
<a href="member.html.html">
<img src="images/footer_07.jpg" />
</a>
</li>
</ul>
</div>
<!--footer end-->
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/health.css">
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-1.2.6.min.js"></script>
<script src="js/t.js"></script>
<script language="javascript">
function show(){
with(document.getElementById('aa').style){
display=="block"&&(display="none")||(display="block")
}
}
window.onload = function(){
var current = 0;
document.getElementById('target').onclick = function(){
current = (current+45)%360;
this.style.transform = 'rotate('+current+'deg)';
}
};
setInterval("onclick()",10000);
function onclick(){
$("ul.jcarouseLiteNav li.next").click();
}
</script>
<style>
.c-dropdown__list1 {
padding: 6px 0;
list-style: none;
position: absolute;
top: 110%;
left: 0;
width: 100%;
display:none;
border-radius: 3px;
background: #fff;
-webkit-transition: opacity .25s linear, top .25s linear;
transition: opacity .25s linear, top .25s linear;
}
.inshare {
margin: 0.3rem 0.3rem 0rem 0rem;
}
.smalltop img{
width: 0.11rem;
position: relative;
top: -17px;
left: 125px;
}
.part2 a img{
width: 7.5rem;
}
.part3 ul{
width: 7.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.part3 ul li{
/*height: 4.5rem;*/
overflow: hidden;
}
</style>
<title>首页</title>
</head>
<body>
<div class="head center">
<div class="left address"><a href="#"><img src="images/address_03.png"/></a>北京</div>
<div class="htitle" style="left:0.25rem;">慈界医养</div>
<div class="right inshare">
<div class="c-dropdown js-dropdown" id="gg" >
<span class="c-button c-button--dropdown" ><a href="#" onclick="show();"><img src="images/share.png" id ="target"/></a></span>
<ul id="aa" class="c-dropdown__list1" >
<div class="smalltop"><img src="images/oi.png"/></div>
<li class="c-dropdown__item"><a href="#"><img src="images/dingdan.png"/>我的订单</a></li>
<li class="c-dropdown__item"><a href="health.html.html"><img src="images/sc.png"/>健康档案</a></li>
<li class="c-dropdown__item"><a href="#"><img src="images/zxkf.png"/>客服服务</a></li>
<li class="c-dropdown__item"><a href="#"><img src="images/fb.png"/>认购权益</a></li>
<li class="c-dropdown__item"><a href="#"><img src="images/ss.png"/>扫一扫</a></li>
</ul>
</div>
</div>
</div>
<div class="part1">
<div class="nav center" style="display:inline-block;">
<ul>
<li><a href="care.html"><img src="images/nav_02.png" /><p>专业护理</p></a></li>
<li><a href="rehab.html.html"><img src="images/nav_03.png" /><p>慢病康护</p></a></li>
<li><a href="rehab.html.html"><img src="images/nav_04.png" /><p>中医理疗</p></a></li>
<li><a href="examination.html"><img src="images/nav_05.png" /><p>上门体检</p></a></li>
<li><a href="doctor.html"><img src="images/nav_06.png" /><p>家庭医生</p></a></li>
<li><a href="rehab.html.html"><img src="images/nav_07.png" /><p>母婴妇产</p></a></li>
<li><a href="examination.html"><img src="images/nav_08.png" /><p>医疗套餐</p></a></li>
<li><a href="examination.html"><img src="images/nav_09.png" /><p>养老公寓</p></a></li>
<li><a href="rehab.html.html"><img src="images/nav_10.png" /><p>健康保险</p></a></li>
<li><a href="newtra.html.html"><img src="images/nav_11.jpg" /><p>健康旅游</p></a></li>
</ul>
</div>
</div>
<div class="part2">
<a href="introduce.html"><img src="images/index_02.jpg"/></a>
</div>
<div class="part3">
<div style="display:inline-block;">
<ul>
<li>
<a href="home.html.html">
<div class="left text3">
<p class="title3">居家照护</p>
<p class="context3">提供生活照护病症护理</p>
</div>
<img src="images/part_li_03.jpg" class="right"/>
</a>
</li>
<li>
<a href="#">
<div class="left text3">
<p class="title3">医院照护</p>
<p class="context3">为住院治疗的病人提供的生活照料</p>
</div>
<img src="images/part_li_04.jpg" class="right"/>
</a>
</li>
<li>
<a href="#">
<div class="left text3">
<p class="title3">健康评估</p>
<p class="context3">收集信息进行系统科学分析</p>
</div>
<img src="images/part_li_05.jpg" class="right"/>
</a>
</li>
<li>
<a href="#">
<div class="left text3">
<p class="title3">陪诊</p>
<p class="context3">陪同就诊人员进行病情诊断或治疗</p>
</div>
<img src="images/part_li_08.jpg" class="right"/>
</a>
</li>
</ul>
</div>
</div>
<!--part4 start-->
<div class="part4">
<div class="kuang">
<div class="title4 box" id="sales-product">
<span style="position:relative; left:0.45rem;">
<img src="images/part4_03.jpg"/>严选推介<img src="images/part4_05.jpg"/>
</span>
</div>
<div class="js j_index_carouseProduct" id="sales-product-main">
<ul>
<li id="d1">
<div class="con4">
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_07.jpg"/></a>
<div class="corigt left">
<a href="home.html.html"><span>普通换药</span><p>术后伤口换药，污染伤口的清创消毒</p></a>
<p class="minute">
<span><img src="images/min.jpg"/>60分钟</span><span><img src="images/support.jpg"/>562人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_10.jpg"/></a>
<div class="corigt left">
<a href="#"><span>老年痴呆护理</span><p>指导自我料理能力，维护老人尊严</p></a>
<p class="minute">
<span><img src="images/min_03.jpg"/>心理指导</span><span><img src="images/min_05.jpg"/>针对性方案</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_12.jpg"/></a>
<div class="corigt left">
<a href="#"><span>女士高发肿瘤风险评估E(2项）</span><p>评估卵巢癌、子宫内膜癌风险</p></a>
<p class="minute">
<span><img src="images/min_09.jpg"/>可测1人</span><span><img src="images/min_11.jpg"/>10-15个工作日</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_14.jpg"/></a>
<div class="corigt left">
<a href="#"><span>艾灸</span><p>温通气血、扶正祛邪，防病治病</p></a>
<p class="minute">
<span><img src="images/min.jpg"/>90分钟</span><span><img src="images/support.jpg"/>267人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_16.jpg"/></a>
<div class="corigt left">
<a href="#"><span>中老年健康套餐A</span><p>适合患高血脂、糖尿病、冠心病等疾病的人群</p></a>
<p class="minute">
<span><img src="images/min_15.jpg"/>健康评估</span><span><img src="images/min_17.jpg"/>深度体检</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_18.jpg"/></a>
<div class="corigt left">
<a href="#"><span>万科怡园光熙长者公寓</span><p>稀缺位置和优质环境使得在繁华热闹的城市核心区
享受桃源般的养老生活成为可能</p></a>
<p class="minute">
<span><img src="images/min_21.jpg"/>品牌养老</span><span><img src="images/min_23.jpg"/>医疗康复</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
</div>
</li>
<li id="d2">
<div class="con4">
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_07.jpg"/></a>
<div class="corigt left">
<a href="#"><span>普通换药</span><p>术后伤口换药，污染伤口的清创消毒</p></a>
<p class="minute">
<span><img src="images/min.jpg"/>60分钟</span><span><img src="images/support.jpg"/>562人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_10.jpg"/></a>
<div class="corigt left">
<a href="#"><span>老年痴呆护理</span><p>指导自我料理能力，维护老人尊严</p></a>
<p class="minute">
<span><img src="images/min_03.jpg"/>心理指导</span><span><img src="images/min_05.jpg"/>针对性方案</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_12.jpg"/></a>
<div class="corigt left">
<a href="#"><span>女士高发肿瘤风险评估E(2项）</span><p>评估卵巢癌、子宫内膜癌风险</p></a>
<p class="minute">
<span><img src="images/min_09.jpg"/>可测1人</span><span><img src="images/min_11.jpg"/>10-15个工作日</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_14.jpg"/></a>
<div class="corigt left">
<a href="#"><span>艾灸</span><p>温通气血、扶正祛邪，防病治病</p></a>
<p class="minute">
<span><img src="images/min.jpg"/>90分钟</span><span><img src="images/support.jpg"/>267人选择</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_16.jpg"/></a>
<div class="corigt left">
<a href="#"><span>中老年健康套餐A</span><p>适合患高血脂、糖尿病、冠心病等疾病的人群</p></a>
<p class="minute">
<span><img src="images/min_15.jpg"/>健康评估</span><span><img src="images/min_17.jpg"/>深度体检</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
<div class="con4li">
<a href="#"><img class="left" src="images/part4_li_18.jpg"/></a>
<div class="corigt left">
<a href="#"><span>万科怡园光熙长者公寓</span><p>稀缺位置和优质环境使得在繁华热闹的城市核心区
享受桃源般的养老生活成为可能</p></a>
<p class="minute">
<span><img src="images/min_21.jpg"/>品牌养老</span><span><img src="images/min_23.jpg"/>医疗康复</span>
</p>
<p class="price">¥8686</p>
</div>
</div>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<!--part4 end-->
<!--footer-->
<div class="footer center">
<ul style="font-size:0rem;">
<li><a href="index.html.html"><img src="images/yanxuan.png"/></a></li>
<li><a href="introduce.html.html"><img src="images/footer_05.jpg"/></a></li>
<li><a href="member.html.html"><img src="images/footer_07.jpg"/></a></li>
</ul>
</div>
<!--footer end-->
</body>
</html>
var baseUrl = 'http://kindapp.w.bronet.cn/api/';
// var baseUrl = 'http://192.168.1.3/api/';
function sendAjax(post, url, params, callback) {
$.ajax({
url: baseUrl + url,
type: "POST",
dataType: "json",
data: params,
header: { },
// headers: {
// "Access-Control-Allow-Origin": "http://example.edu",
// "Access-Control-Allow-Headers": "X-Requested-With"
// },
success: function (res) {
callback(res)
},
fail: function (err) {
console.log('error')
}
})
}
function show() {
var current = (current + 45) % 360;
// document.getElementById('target').style.transform = 'rotate(' + current + 'deg)';
$('#target').css('transform', 'rotate(' + current + 'deg)');
console.log( $('#target').css('transform', 'rotate(' + current + 'deg)'));
$('#show_menu').toggle()
}
function getDevice() {
var login_device = '';
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var wx = sUserAgent.match(/MicroMessenger/i) == "micromessenger"
var mac = sUserAgent.match(/macintosh|mac os x/i) == "mac"
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
var UA = window.navigator.userAgent;
isAndorid = /android/i.test(UA),
isIphone = /iphone/i.test(UA),
//isIphone = /(?:iPhone)/.test(UA),
isPad = /ipad/i.test(UA),
isDolphin = typeof dolphin !== 'undefined';
device = isAndorid ? 'android' : isIphone ? 'iphone' : isPad ? 'ipad' : mac ? 'mac' : 'mobile';
switch (device) {
case 'iphone':
login_device = device;
break;
case 'android':
login_device = device;
break;
case 'ipad':
login_device = device;
break;
default:
login_device = device;
break;
}
} else {
pc_device = wx ? 'wx' : mac ? 'mac' : 'pc';
login_device = pc_device;
}
return login_device
}
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]);
return null; //返回参数值
}
\ No newline at end of file
... ...
此 diff 太大无法显示。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/weui.css">
<script src="js/common.js"></script>
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script>
function tab(pid) {
var tabs = ["tab1", "tab2"];
for (var i = 0; i < 2; i++) {
if (tabs[i] == pid) {
document.getElementById(tabs[i]).style.display = "block";
var div = document.getElementById('ctab3');
div.setAttribute("class", "off");
var div = document.getElementById('ctab4');
div.setAttribute("class", "on");
} else {
document.getElementById(tabs[i]).style.display = "none";
var div = document.getElementById('ctab4');
div.setAttribute("class", "off");
var div = document.getElementById('ctab3');
div.setAttribute("class", "on");
var div = document.getElementById('ctab3');
div.setAttribute("class", "on");
}
}
}
</script>
<style>
#tab2 {
display: none;
}
</style>
<title>登录</title>
</head>
<body style="background-color:#fff;">
<div class="perheader center">
<div class="left perback">
<a href="#" onClick="javascript:history.back(-1);">
<img src="images/care_03.jpg" />
</a>
</div>
<div class="bloodtext">登录</div>
</div>
<div class="lopart1 center" id="tab">
<div class="lotab">
<a onclick="tab('tab1')" id="ctab3" class="on">快捷登录</a>
</div>
<div class="lotab1">
<a onclick="tab('tab2')" id="ctab4" class="off">密码登录</a>
</div>
<form action="#" class="login" id="tab1">
<input type="text" placeholder="请输入手机号" class="loinput" id="phone" />
<div>
<input type="text" placeholder="请输入验证码" class="loinput" id="code" />
<span id="obtain">
<img src="images/loshu_03.jpg" />
<a class="T-getCode">获取验证码</a>
</span>
</div>
<button type="button" id="lobut">登录</button>
</form>
<form action="#" class="login" id="tab2">
<input type="text" placeholder="请输入手机号" class="loinput" id="phone2" />
<div>
<input type="text" placeholder="请输入验证码" class="loinput" id="code2" />
<span id="obtain">
<img src="images/loshu_03.jpg" />
<a href="setPass.html">忘记密码</a>
</span>
</div>
<button type="button" id="lobut" class="lobutTwo">登录</button>
</form>
<div class="noreg">未注册手机验证后自动注册</div>
<div class="loqu">
<img src="images/loqu_07.jpg" />使用以下账号快速登录
<img src="images/loqu_07.jpg" />
</div>
<div class="loqq">
<a href="#">
<img src="images/qq_03.jpg" />
</a>
<a href="#">
<img src="images/qq_05.jpg" />
</a>
</div>
<div id="check_css3" class="check">
<span>
<input type="checkbox" class="input_check" id="check3">
<label for="check3"></label>我同意
<a href="#">《慈界医养用户服务协议》</a>
</span>
</div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/weui.js"></script>
<script>
$(function () {
// 快捷登陆操作
$("#lobut").on("click", (function () {
var phone = $("#phone").val();
var code = $("#code").val();
if (phone != "") {
if (code != "") {
sendAjax('post', 'home/index/checkSMS', {
tel: phone,
code: code
}, function (res) {
console.log(res)
if(res.code == 1){
}else if (res.code == 0){
let loading = weui.loading(res.msg)
setTimeout(function () {
loading.hide();
}, 1500);
}
});
} else {
let loading = weui.loading("请填写验证码")
setTimeout(function () {
loading.hide();
}, 1500);
}
} else {
let loading = weui.loading("请填写手机号码")
setTimeout(function () {
loading.hide();
}, 1500);
}
}))
// 快捷登陆操作
$(".lobutTwo").on("click", (function () {
var phone = $("#phone2").val();
var code = $("#code2").val();
if (phone != "") {
if (code != "") {
} else {
let loading = weui.loading("请填写密码")
setTimeout(function () {
loading.hide();
}, 1500);
}
} else {
let loading = weui.loading("请填写手机号码")
setTimeout(function () {
loading.hide();
}, 1500);
}
}))
// 短信验证码倒计时
//获取短信验证码
var validCode = true;
$(".T-getCode").click(function () {
var time = 60;
var $code = $(this);
if (validCode) {
var phone = $("#phone").val();
if (phone != "") {
if (phones() == true) {
sendAjax('post', 'home/index/sendCode', {
tel: phone,
}, function (res) {
console.log(res)
if (res.code == 1) {
weui.toast(res.msg, 1000);
validCode = false;
var t = setInterval(function () {
time--;
$code.html(time + "秒");
if (time == 0) {
clearInterval(t);
$code.html("重新获取");
validCode = true;
}
}, 1000)
}
});
} else {
let loading = weui.loading("手机格式错误")
setTimeout(function () {
loading.hide();
}, 1500);
}
} else {
let loading = weui.loading("请填写手机号码")
setTimeout(function () {
loading.hide();
}, 1500);
}
}
})
// 验证手机
function phones() {
var value = document.getElementById("phone").value;
var reg = /^1(3|4|5|7|8)\d{9}$/;
if (reg.test(value) == true) {
return true;
} else {
return false;
}
}
})
</script>
</body>
\ No newline at end of file
... ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script>
function tab(pid){
var tabs=["tab1","tab2"];
for(var i=0;i<2;i++){
if(tabs[i]==pid){
document.getElementById(tabs[i]).style.display="block";
var div = document.getElementById('ctab3');
div.setAttribute("class", "off");
var div = document.getElementById('ctab4');
div.setAttribute("class", "on");
}else{
document.getElementById(tabs[i]).style.display="none";
var div = document.getElementById('ctab4');
div.setAttribute("class", "off");
var div = document.getElementById('ctab3');
div.setAttribute("class", "on");
var div = document.getElementById('ctab3');
div.setAttribute("class", "on");
}
}
}
</script>
<style>
#tab2{
display:none;
}
</style>
<title>登录</title>
</head>
<body style="background-color:#fff;">
<div class="perheader center">
<div class="left perback"><a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg"/></a></div>
<div class="bloodtext">登录</div>
</div>
<div class="lopart1 center" id="tab">
<div class="lotab"><a onclick="tab('tab1')" id="ctab3" class="on">快捷登录</a></div>
<div class="lotab1"><a onclick="tab('tab2')" id="ctab4" class="off" >密码登录</a></div>
<form action="#" class="login" id="tab1">
<input type="text" placeholder="请输入手机号" class="loinput"/>
<div><input type="text" placeholder="请输入验证码" class="loinput"/><span id="obtain"><img src="images/loshu_03.jpg"/><a href="#">获取验证码</a></span></div>
<button type="button" id="lobut" >登录</button>
</form>
<form action="#" class="login" id="tab2">
<input type="text" placeholder="请输入手机号" class="loinput"/>
<div><input type="text" placeholder="请输入验证码" class="loinput"/><span id="obtain"><img src="images/loshu_03.jpg"/><a href="#">忘记密码</a></span></div>
<button type="button" id="lobut" >登录</button>
</form>
<div class="noreg">未注册手机验证后自动注册</div>
<div class="loqu"><img src="images/loqu_07.jpg"/>使用以下账号快速登录<img src="images/loqu_07.jpg"/></div>
<div class="loqq"><a href="#"><img src="images/qq_03.jpg"/></a><a href="#"><img src="images/qq_05.jpg"/></a></div>
<div id="check_css3" class="check">
<span><input type="checkbox"class="input_check" id="check3"><label for="check3"></label>我同意<a href="#">《慈界医养用户服务协议》</a></span>
</div>
</div>
</body>
\ No newline at end of file
... ... @@ -6,10 +6,12 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/weui.css">
<script src="js/base.js"></script>
<script src="js/common.js"></script>
<style>
body{
box-shadow:0px 0px 0px #888888;
body {
box-shadow: 0px 0px 0px #888888;
}
</style>
<script>
... ... @@ -52,33 +54,141 @@
<div class="modname">
<span class="left">请输入手机号</span>
<span class="right">
<input type="text" placeholder="请输入手机号" class="modput" />
<input type="text" placeholder="请输入手机号" class="modput" id="phone" />
</span>
</div>
<div class="modname">
<span class="left">请输入验证码</span>
<span class="right">
<input type="text" class="modput1" />
<input type="text" class="modput1" id="code" />
<span class="right modyz">
<img src="images/loshu_03.jpg" />
<a href="#">获取验证码</a>
<a class="T-getCode">获取验证码</a>
</span>
</span>
</div>
<div class="modname">
<span class="left">新密码</span>
<span class="right">
<input type="password" placeholder="请输入新密码" class="modput" />
<input type="password" placeholder="请输入新密码" class="modput" id="pass" />
</span>
</div>
<div class="modname">
<span class="left">确认密码</span>
<span class="right">
<input type="password" placeholder="请再输入新密码" class="modput" />
<input type="password" placeholder="请再输入新密码" class="modput" id="passTwo" />
</span>
</div>
<button type="button" id="modbut">确认</button>
</form>
</div>
<div style="height:3rem; background-color:#fff;"></div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/weui.js"></script>
<script>
$(function () {
// 点击确认
$("#modbut").on("click", (function () {
var phone = $("#phone").val();
var code = $("#code").val();
var pass = $("#pass").val();
var passTwo = $("#passTwo").val();
if (phone != "") {
if (code != "") {
if (pass != "") {
if (passTwo != "") {
if (pass == passTwo) {
alert("可以提交")
} else {
let loading = weui.loading("新密码不统一")
setTimeout(function () {
loading.hide();
}, 1500);
}
} else {
let loading = weui.loading("请确认密码")
setTimeout(function () {
loading.hide();
}, 1500);
}
} else {
let loading = weui.loading("请填写新密码")
setTimeout(function () {
loading.hide();
}, 1500);
}
} else {
let loading = weui.loading("请填写验证码")
setTimeout(function () {
loading.hide();
}, 1500);
}
} else {
let loading = weui.loading("请填写手机号码")
setTimeout(function () {
loading.hide();
}, 1500);
}
}))
// 短信验证码倒计时
//获取短信验证码
var validCode = true;
$(".T-getCode").click(function () {
var time = 60;
var $code = $(this);
if (validCode) {
var phone = $("#phone").val();
if (phone != "") {
if (phones() == true) {
sendAjax('post', 'home/index/sendCode', {
tel: phone,
}, function (res) {
console.log(res)
if(res.code == 1){
weui.toast(res.msg, 1000);
validCode = false;
var t = setInterval(function () {
time--;
$code.html(time + "秒");
if (time == 0) {
clearInterval(t);
$code.html("重新获取");
validCode = true;
}
}, 1000)
}
});
} else {
let loading = weui.loading("手机格式错误")
setTimeout(function () {
loading.hide();
}, 1500);
}
} else {
let loading = weui.loading("请填写手机号码")
setTimeout(function () {
loading.hide();
}, 1500);
}
}
})
// 验证手机
function phones() {
var value = document.getElementById("phone").value;
var reg = /^1(3|4|5|7|8)\d{9}$/;
if (reg.test(value) == true) {
return true;
} else {
return false;
}
}
})
</script>
</body>
\ No newline at end of file
... ...