作者 dl

7.5

<!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>
<title>专业护理</title>
</head>
<style type="text/css">
.cali1 ul li {
width: 31%;
overflow: hidden;
}
.item_list {
display: flex;
flex-wrap: wrap;
}
.style_list img {
width: 0.87rem;
margin-left: 0.1rem;
margin-right: 0.1rem;
}
.style_list {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0.1rem 0;
}
.style_item {
height: 1.5rem;
display: flex;
align-items: center;
width: 3.68rem;
box-sizing: border-box;
padding: 0.24rem 0;
border-bottom: 1px solid #EBEBEB;
padding-left: 0.16rem;
}
.style_item:nth-child(odd){
border-right: 1px solid #EBEBEB;
}
.catitle {
line-height: 0.3rem;
margin-bottom: 0.08rem;
}
.cadesc {
width: 2.3rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cali ul li{
margin-left: 0.49rem
}
.cali ul li:nth-child(4n){
margin-left: 0;
}
.cali ul li:first-child{
margin-left: 0;
}
</style>
<body>
<div class="header center">
<div class="left back">
<a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg" /></a>
</div>
<div class="headertext">专业护理</div>
<div class="banner"><img src="images/care_06.jpg" /></div>
<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/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js"></script>
<title>专业护理</title>
</head>
<style type="text/css">
.cali1 ul li {
width: 31%;
overflow: hidden;
}
.item_list {
display: flex;
flex-wrap: wrap;
}
.style_list img {
width: 0.87rem;
margin-left: 0.1rem;
margin-right: 0.1rem;
}
.style_list {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0.1rem 0;
}
.style_item {
height: 1.5rem;
display: flex;
align-items: center;
width: 3.68rem;
box-sizing: border-box;
padding: 0.24rem 0;
border-bottom: 1px solid #EBEBEB;
padding-left: 0.16rem;
}
.style_item:nth-child(odd) {
border-right: 1px solid #EBEBEB;
}
.catitle {
line-height: 0.3rem;
margin-bottom: 0.08rem;
}
.cadesc {
width: 2.3rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cali ul li {
margin-left: 0.49rem
}
.cali ul li:nth-child(4n) {
margin-left: 0;
}
.cali ul li:first-child {
margin-left: 0;
}
</style>
<body>
<div class="header center">
<div class="left back">
<a href="#" onClick="javascript:history.back(-1);">
<img src="images/care_03.jpg" />
</a>
</div>
<!--capart1-->
<div class="capart1">
<div class="box">
<P class="parttitle"><span class="c1">专业</span><span class="c2">护理</span> <span class="c3">| &nbsp;优质上门护理服务推荐</span></P>
<div class="camg cali1">
<ul class="center">
<li>
<a href="home.html.html">
<p class="tx">居家照护</p>
<p><span class="camo">270</span>元起</p><img src="images/camg_03.jpg" /></a>
</li>
<li>
<a href="#">
<p class="tx">住院照护</p>
<p><span class="camo">300</span>元起</p><img src="images/camg_05.jpg" /></a>
</li>
<li>
<a href="#">
<p class="tx">陪诊</p>
<p><span class="camo">210</span>元起</p><img src="images/camg_07.jpg" /></a>
</li>
</ul>
</div>
<div class="headertext">专业护理</div>
<div class="banner">
<img src="images/care_06.jpg" />
</div>
</div>
<!--capart1-->
<div class="capart1">
<div class="box">
<P class="parttitle">
<span class="c1">专业</span>
<span class="c2">护理</span>
<span class="c3">| &nbsp;优质上门护理服务推荐</span>
</P>
<div class="camg cali1">
<ul class="center">
<!-- <li>
<a href="home.html">
<img src="images/camg_03.jpg" />
</a>
</li> -->
<!-- <li>
<a href="home.html">
<p class="tx">居家照护</p>
<p>
<span class="camo">270</span>元起</p>
<img src="images/camg_03.jpg" />
</a>
</li> -->
<!-- <li>
<a href="#">
<p class="tx">住院照护</p>
<p>
<span class="camo">300</span>元起</p>
<img src="images/camg_05.jpg" />
</a>
</li>
<li>
<a href="#">
<p class="tx">陪诊</p>
<p>
<span class="camo">210</span>元起</p>
<img src="images/camg_07.jpg" />
</a>
</li> -->
</ul>
</div>
</div>
<!--capart2-->
<div class="capart2">
<div class="style_list">
<div class="style_item">
<img src="images/cali_03.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
</div>
<div class="style_item">
<img src="images/cali_09.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
</div>
<!--capart2-->
<div class="capart2">
<div class="style_list">
<div class="style_item">
<img src="images/cali_03.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
<div class="style_item">
<img src="images/cali_05.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
</div>
<!-- <div class="style_item">
<img src="images/cali_09.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
<div class="style_item">
<img src="images/cali_03.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
</div>
<div class="style_item">
<img src="images/cali_05.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
<div class="style_item">
<img src="images/cali_09.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
</div>
<div class="style_item">
<img src="images/cali_03.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
<div class="style_item">
<img src="images/cali_05.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
</div>
<div class="style_item">
<img src="images/cali_09.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
</div>
</div>
<!--capart3-->
<div class="capart3">
<div class="box">
<P class="parttitle" style="display: flex;align-items: baseline;"><span class="c1">相关</span><span class="c2">服务</span> <span class="c3">| &nbsp;更多优质服务推介</span></P>
<div class="camg cali">
<ul class="center" style="display: flex; justify-content: flex-start;flex-wrap: wrap;">
<li>
<a href="#"><img src="images/caserver_03.jpg" />
<p class="tx">老年痴呆护理</p>
<p><span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#"><img src="images/caserver_05.jpg" />
<p class="tx">癌症护理</p>
<p><span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#"><img src="images/caserver_07.jpg" />
<p class="tx">帕金森护理</p>
<p><span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#"><img src="images/caserver_07.jpg" />
<p class="tx">帕金森护理</p>
<p><span class="camo">596</span></p>
</a>
</li>
</ul>
<div class="style_item">
<img src="images/cali_05.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
</div> -->
</div>
</div>
<!--capart3-->
<div class="capart3">
<div class="box">
<P class="parttitle" style="display: flex;align-items: baseline;">
<span class="c1">相关</span>
<span class="c2">服务</span>
<span class="c3">| &nbsp;更多优质服务推介</span>
</P>
<div class="camg cali relatedService">
<ul class="center" style="display: flex;justify-content: flex-start;flex-wrap: wrap;">
<li>
<a href="#">
<img src="images/caserver_03.jpg" />
<p class="tx">老年痴呆护理</p>
<p>
<span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#">
<img src="images/caserver_05.jpg" />
<p class="tx">癌症护理</p>
<p>
<span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#">
<img src="images/caserver_07.jpg" />
<p class="tx">帕金森护理</p>
<p>
<span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#">
<img src="images/caserver_07.jpg" />
<p class="tx">帕金森护理</p>
<p>
<span class="camo">596</span></p>
</a>
</li>
</ul>
</div>
</div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/weui.js"></script>
<script>
$(function () {
let loading = weui.loading("加载中")
sendAjax('post', 'portal/Goods/getCatInfo', {
cid: 1
}, function (res) {
if (res.code == 1) {
loading.hide();
var data = res.data
console.log(data)
$(".headertext").html(data.name)
$(".banner").find("img").attr("src",data.img)
// 专业护理
let html = '';
for(let n in data.introduce){
html += `<li><a href="home.html"><img src="${data.introduce[n].img}" /></a></li>`
}
$(".cali1 .center").html(html)
// 相关服务
let htmlTwo = "";
for (let n in data.related_service) {
htmlTwo += `<li><a href="home.html"><img src="${data.related_service[n].img}" /></a></li>`
}
$(".relatedService .center").html(htmlTwo)
// 上门打针列表 专业护理下
let htmlThree = "";
for (let n in data.goods) {
htmlThree += `<div class="style_item"><img src="${data.goods[0].icon}" class="left" /><div class="left"><P class="catitle">"${data.goods[0].post_title}"</P><P class="cadesc">"${data.goods[0].other_title}"</P></div></div>`
}
$(".capart2 .style_list").html(htmlThree)
} else if (res.code == 0) {
let loading = weui.loading(res.msg)
setTimeout(function () {
loading.hide();
}, 1500);
}
});
})
</body>
\ No newline at end of file
</script>
</body>
\ No newline at end of file
... ...
... ... @@ -64,6 +64,7 @@ body{
}
.minbox{
padding:0.15rem;
overflow: hidden;
}
.mari{
margin-left:0.22rem;
... ...
... ... @@ -209,7 +209,7 @@ body{
padding:0.2rem 0rem 0.25rem 0rem;
border-right: 0.03rem solid #f7f7f7;
border-bottom:0.03rem solid #f7f7f7;
width: 2.1rem;
width: 32.7%;
}
.mbpart2 ul li p{
text-align:center;
... ... @@ -220,6 +220,9 @@ body{
}
#mbkuang li:nth-child(3n){
border-right:none;
display: flex;
justify-content: center;
align-items: center;
}
#mbkuang li a{
color:#000;
... ... @@ -1419,7 +1422,7 @@ section {
.loinput{
border:none;
width:6rem;
width:6.2rem;
height:1rem;
line-height:1rem;
font-size:0.26rem;
... ... @@ -4105,7 +4108,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/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/share.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/share.js"></script>
<script src="js/jquery-1.2.6.min.js"></script>
<title>家庭医生</title>
<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" href="css/weui.css">
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/share.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/share.js"></script>
<script src="js/jquery-1.2.6.min.js"></script>
<script src="js/common.js"></script>
<title>家庭医生</title>
</head>
<body>
<div class="header center">
<div class="left back"><a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg"/></a></div>
<div class="header center">
<div class="left back">
<a href="#" onClick="javascript:history.back(-1);">
<img src="images/care_03.jpg" />
</a>
</div>
<div class="hotitle">家庭医生</div>
<div class="right hoshare"><a href="#" onClick="toshare()"><img src="images/hoshare_03.png"/></a></div>
<div class="banner"><img src="images/dobanner_02.jpg"/></div>
</div>
<!--dopart1 -->
<div class="dopart1 center doctorimg">
<img src="images/dc_02.jpg"/>
</div>
<!--trfooter-->
<div id="trfooter">
<div id="trlprice" class="left"><span class="trmoney">¥4980</span></div>
<div class="left listen"><a href="#"><img src="images/listen_03.jpg"/></a></div>
<div id="trsub" class="right"><a href="#">去预约</a></div>
</div>
<!--trfooter end-->
<!--share start-->
<div class="am-share">
<h3 class="am-share-title">分享到</h3>
<ul class="am-share-sns">
<li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
<li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
<li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
<li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
</ul>
<div class="am-share-footer"><button class="share_btn">取消</button></div>
</div>
<!--share end-->
<div class="right hoshare">
<a href="#" onClick="toshare()">
<img src="images/hoshare_03.png" />
</a>
</div>
<div class="banner">
<img src="images/dobanner_02.jpg" />
</div>
</div>
<!--dopart1 -->
<div class="dopart1 center doctorimg">
<img src="images/dc_02.jpg" />
</div>
<!--trfooter-->
<div id="trfooter">
<div id="trlprice" class="left">
<span class="trmoney">¥4980</span></div>
<div class="left listen">
<a href="#">
<img src="images/listen_03.jpg" />
</a>
</div>
<div id="trsub" class="right">
<a href="#">去预约</a>
</div>
</div>
<!--trfooter end-->
<!--share start-->
<div class="am-share">
<h3 class="am-share-title">分享到</h3>
<ul class="am-share-sns">
<li>
<a href="#">
<i class="share-icon-weibo"></i>
<span>新浪微博</span>
</a>
</li>
<li>
<a href="#">
<i class="share-icon-weibo"></i>
<span>新浪微博</span>
</a>
</li>
<li>
<a href="#">
<i class="share-icon-weibo"></i>
<span>新浪微博</span>
</a>
</li>
<li>
<a href="#">
<i class="share-icon-weibo"></i>
<span>新浪微博</span>
</a>
</li>
</ul>
<div class="am-share-footer">
<button class="share_btn">取消</button>
</div>
</div>
<!--share end-->
<script src="js/weui.js"></script>
<script>
$(function () {
let loading = weui.loading("加载中")
sendAjax('post', 'portal/Goods/getDoctor', {}, function (res) {
if (res.code == 1) {
loading.hide();
var data = res.data
console.log(data)
// 本页title
$(".hotitle").html(data.post_title)
// banner
$(".banner").find("img").attr("src",data.banner)
// 钱数
$(".trmoney").html("¥"+data.price)
} else if (res.code == 0) {
let loading = weui.loading(res.msg)
setTimeout(function () {
loading.hide();
}, 1500);
}
});
})
</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" />
<link rel="stylesheet" type="text/css" href="css/navigator.css" />
<link rel="stylesheet" type="text/css" href="css/navigator.iscroll.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/sroll/zepto.js"></script>
<script type="text/javascript" src="js/sroll/zepto.extend.js"></script>
<script type="text/javascript" src="js/sroll/zepto.ui.js"></script>
<script type="text/javascript" src="js/sroll/zepto.iscroll.js"></script>
<script type="text/javascript" src="js/sroll/widget/navigator.js"></script>
<script type="text/javascript" src="js/sroll/widget/navigator.iscroll.js"></script>
<title>上门体检</title>
<script>
function tab(pid){
var tabs=["tab1","tab2","tab3","tab4","tab5"];
for(var i=0;i<5;i++){
if(tabs[i]==pid){
var div = document.getElementById(tabs[i]);
div.setAttribute("class", "block exammg");
}else{
var div = document.getElementById(tabs[i]);
div.setAttribute("class", "none exammg");
}
}
}
</script>
<style>
#tab2,#tab3,#tab4,#tab5{
display:none;
}
.cur{
border-bottom: 0.02rem solid #d8b25f;
color: #d8b25f !important;
padding-bottom: 0.13rem;
}
.block{
display:block !important;
}
.none{
display:none !important;
}
.corigt p{
text-overflow: ellipsis;
overflow: hidden;
width: 4rem;
white-space: nowrap;
}
.exammg ul li{
height: 2rem;
display: flex;
align-items: center;
}
</style>
<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">
<link rel="stylesheet" type="text/css" href="css/navigator.css" />
<link rel="stylesheet" type="text/css" href="css/navigator.iscroll.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/sroll/zepto.js"></script>
<script type="text/javascript" src="js/sroll/zepto.extend.js"></script>
<script type="text/javascript" src="js/sroll/zepto.ui.js"></script>
<script type="text/javascript" src="js/sroll/zepto.iscroll.js"></script>
<script type="text/javascript" src="js/sroll/widget/navigator.js"></script>
<script type="text/javascript" src="js/sroll/widget/navigator.iscroll.js"></script>
<title>上门体检</title>
<script>
function tab(pid) {
var tabs = ["tab1", "tab2", "tab3", "tab4", "tab5"];
for (var i = 0; i < 5; i++) {
if (tabs[i] == pid) {
var div = document.getElementById(tabs[i]);
div.setAttribute("class", "block exammg");
} else {
var div = document.getElementById(tabs[i]);
div.setAttribute("class", "none exammg");
}
}
}
</script>
<style>
#tab2,
#tab3,
#tab4,
#tab5 {
display: none;
}
.cur {
border-bottom: 0.02rem solid #d8b25f;
color: #d8b25f !important;
padding-bottom: 0.13rem;
}
.block {
display: block !important;
}
.none {
display: none !important;
}
.corigt p {
text-overflow: ellipsis;
overflow: hidden;
width: 4rem;
white-space: nowrap;
}
.exammg ul li {
height: 2rem;
display: flex;
align-items: center;
}
</style>
</head>
<body>
<div class="header center">
<div class="left back"><a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg"/></a></div>
<div class="headertext">上门体检</div>
<div class="banner"><img src="images/exambanner_02.jpg"/></div>
</div>
<div class="capart1">
<div class="minbox">
<div class="examnav" id="nav-smartSetup">
<ul>
<li><a onclick="tab('tab1')" href="#">特惠产品</a></li>
<li><a onclick="tab('tab2')" href="#">肿瘤检测</a></li>
<li><a onclick="tab('tab3')" href="#">基因检测</a></li>
<li><a onclick="tab('tab4')" href="#">健康体检</a></li>
<li><a onclick="tab('tab5')" href="#">好孕妇儿</a></li>
</ul>
</div>
<script type="text/javascript">
(function () {
/*组件初始化js begin*/
$('#nav-smartSetup').navigator(); //smart setup方式创建 推荐方式
})();
</script>
<div class="exammg" id="tab1">
<ul>
<li>
<a href="#"><img src="images/examli_03.jpg" class="left mari"/></a>
<div class="corigt left">
<a href="#"><span>三高疾病基因风险评估(3项)</span><p>评估患高血压、高血脂、II型糖尿病风险3种疾...
</p></a>
<p class="minute">
<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
<span><img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥500<span class="through">¥900</span></p>
</div>
</li>
<li>
<a href="#"><img src="images/examli_06.jpg" class="left mari"/></a>
<div class="corigt left">
<a href="#"><span>结直肠癌基因早筛</span><p>肠道健康才能常健康,中国每年新发病例高达...</p></a>
<p class="minute">
<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
<span><img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥3000<span class="through">¥6000</span></p>
</div>
</li>
<li>
<a href="#"><img src="images/examli_08.jpg" class="left mari"/></a>
<div class="corigt left">
<a href="#"><span>产前筛查</span><p>更准确、安全的产前检查,有效降低异常患儿...</p></a>
<p class="minute">
<span><img src="images/rebmin_03.png">专业方法</span><span><img src="images/rebmin_05.png">医学康复</span>
<span><img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥1700<span class="through">¥2500</span></p>
</div>
</li>
<li>
<a href="#"><img src="images/examli_10.jpg" class="left mari"/></a>
<div class="corigt left">
<a href="#"><span>小儿微量元素检测</span><p>反映短时间内身体微量元素状况,预防微量元...</p></a>
<p class="minute">
<span><img src="images/rebmin_03.png">专业方法</span><span><img src="images/rebmin_05.png">医学康复</span>
<span><img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥150<span class="through">¥220</span></p>
</div>
</li>
<li>
<a href="#"><img src="images/examli_12.jpg" class="left mari"/></a>
<div class="corigt left">
<a href="#"><span>女士精选13项易感肿瘤基因检测</span><p>全面关爱幸福一家</p></a>
<p class="minute">
<span><img src="images/rebmin_03.png">专业方法</span><span><img src="images/rebmin_05.png">医学康复</span>
<span><img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥1900<span class="through">¥3700</span></p>
</div>
</li>
<li>
<a href="#"><img src="images/examli_14.jpg" class="left mari"/></a>
<div class="corigt left">
<a href="#"><span>应酬族系列</span><p>智享健康护全家</p></a>
<p class="minute">
<span><img src="images/rebmin_03.png">专业方法</span><span><img src="images/rebmin_05.png">医学康复</span>
<span><img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥850<span class="through">¥1700</span></p>
</div>
</li>
<li>
<a href="#"><img src="images/examli_16.jpg" class="left mari"/></a>
<div class="corigt left">
<a href="#"><span>男士精选10项易感肿瘤基因检测</span><p>指导改善肺功能训练、提高健康质量</p></a>
<p class="minute">
<span><img src="images/rebmin_03.png">专业方法</span><span><img src="images/rebmin_05.png">医学康复</span>
<span><img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥1900<span class="through">¥3700</span></p>
</div>
</li>
</ul>
</div>
<div class="exammg" id="tab2">
<ul>
<li>
<a href="#"><img src="images/examli_03.jpg" class="left mari"/></a>
<div class="corigt left">
<a href="#"><span>三高疾病基因风险评估(3项)</span><p>评估患高血压、高血脂、II型糖尿病风险3种疾...
</p></a>
<p class="minute">
<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
<span><img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥500<span class="through">¥900</span></p>
</div>
</li>
</ul>
<div class="header center">
<div class="left back">
<a href="#" onClick="javascript:history.back(-1);">
<img src="images/care_03.jpg" />
</a>
</div>
<div class="exammg" id="tab3">
<ul>
<li>
<a href="#"><img src="images/examli_03.jpg" class="left mari"/></a>
<div class="corigt left">
<a href="#"><span>三高疾病基因风险评估(3项)</span><p>评估患高血压、高血脂、II型糖尿病风险3种疾...
</p></a>
<p class="minute">
<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
<span><img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥500<span class="through">¥900</span></p>
</div>
</li>
</ul>
<div class="headertext">上门体检</div>
<div class="banner">
<img src="images/exambanner_02.jpg" />
</div>
<div class="exammg" id="tab4">
<ul>
<li>
<a href="#"><img src="images/examli_03.jpg" class="left mari"/></a>
<div class="corigt left">
<a href="#"><span>三高疾病基因风险评估(3项)</span><p>评估患高血压、高血脂、II型糖尿病风险3种疾...
</p></a>
<p class="minute">
<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
<span><img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥500<span class="through">¥900</span></p>
</div>
</li>
</ul>
</div>
<div class="exammg" id="tab5">
<ul>
<li>
<a href="#"><img src="images/examli_03.jpg" class="left mari"/></a>
<div class="corigt left">
<a href="#"><span>三高疾病基因风险评估(3项)</span><p>评估患高血压、高血脂、II型糖尿病风险3种疾...
</p></a>
<p class="minute">
<span><img src="images/rebmin_03.png">可测1人</span><span><img src="images/rebmin_05.png">需空腹</span>
<span><img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥500<span class="through">¥900</span></p>
</div>
</li>
</ul>
</div>
<div class="capart1">
<div class="minbox">
<div class="examnav" id="nav-smartSetup">
<ul>
<!-- <li>
<a onclick="tab('tab1')" href="#">特惠产品</a>
</li>
<li>
<a onclick="tab('tab2')" href="#">肿瘤检测</a>
</li>
<li>
<a onclick="tab('tab3')" href="#">基因检测</a>
</li>
<li>
<a onclick="tab('tab4')" href="#">健康体检</a>
</li>
<li>
<a onclick="tab('tab5')" href="#">好孕妇儿</a>
</li> -->
</ul>
</div>
<script type="text/javascript">
(function () {
/*组件初始化js begin*/
$('#nav-smartSetup').navigator(); //smart setup方式创建 推荐方式
})();
</script>
<div class="body">
</div>
<!-- <div class="exammg" id="tab1">
<ul>
<li>
<a href="#">
<img src="images/examli_03.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>三高疾病基因风险评估(3项)</span>
<p>评估患高血压、高血脂、II型糖尿病风险3种疾...
</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">可测1人</span>
<span>
<img src="images/rebmin_05.png">需空腹</span>
<span>
<img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥500
<span class="through">¥900</span>
</p>
</div>
</li>
<li>
<a href="#">
<img src="images/examli_06.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>结直肠癌基因早筛</span>
<p>肠道健康才能常健康,中国每年新发病例高达...</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">可测1人</span>
<span>
<img src="images/rebmin_05.png">需空腹</span>
<span>
<img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥3000
<span class="through">¥6000</span>
</p>
</div>
</li>
<li>
<a href="#">
<img src="images/examli_08.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>产前筛查</span>
<p>更准确、安全的产前检查,有效降低异常患儿...</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
<span>
<img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥1700
<span class="through">¥2500</span>
</p>
</div>
</li>
<li>
<a href="#">
<img src="images/examli_10.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>小儿微量元素检测</span>
<p>反映短时间内身体微量元素状况,预防微量元...</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
<span>
<img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥150
<span class="through">¥220</span>
</p>
</div>
</li>
<li>
<a href="#">
<img src="images/examli_12.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>女士精选13项易感肿瘤基因检测</span>
<p>全面关爱幸福一家</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
<span>
<img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥1900
<span class="through">¥3700</span>
</p>
</div>
</li>
<li>
<a href="#">
<img src="images/examli_14.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>应酬族系列</span>
<p>智享健康护全家</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
<span>
<img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥850
<span class="through">¥1700</span>
</p>
</div>
</li>
<li>
<a href="#">
<img src="images/examli_16.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>男士精选10项易感肿瘤基因检测</span>
<p>指导改善肺功能训练、提高健康质量</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
<span>
<img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥1900
<span class="through">¥3700</span>
</p>
</div>
</li>
</ul>
</div>
<div class="exammg" id="tab2">
<ul>
<li>
<a href="#">
<img src="images/examli_03.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>三高疾病基因风险评估(3项)</span>
<p>评估患高血压、高血脂、II型糖尿病风险3种疾...
</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">可测1人</span>
<span>
<img src="images/rebmin_05.png">需空腹</span>
<span>
<img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥500
<span class="through">¥900</span>
</p>
</div>
</li>
</ul>
</div>
<div class="exammg" id="tab3">
<ul>
<li>
<a href="#">
<img src="images/examli_03.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>三高疾病基因风险评估(3项)</span>
<p>评估患高血压、高血脂、II型糖尿病风险3种疾...
</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">可测1人</span>
<span>
<img src="images/rebmin_05.png">需空腹</span>
<span>
<img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥500
<span class="through">¥900</span>
</p>
</div>
</li>
</ul>
</div>
<div class="exammg" id="tab4">
<ul>
<li>
<a href="#">
<img src="images/examli_03.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>三高疾病基因风险评估(3项)</span>
<p>评估患高血压、高血脂、II型糖尿病风险3种疾...
</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">可测1人</span>
<span>
<img src="images/rebmin_05.png">需空腹</span>
<span>
<img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥500
<span class="through">¥900</span>
</p>
</div>
</li>
</ul>
</div>
<div class="exammg" id="tab5">
<ul>
<li>
<a href="#">
<img src="images/examli_03.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>三高疾病基因风险评估(3项)</span>
<p>评估患高血压、高血脂、II型糖尿病风险3种疾...
</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">可测1人</span>
<span>
<img src="images/rebmin_05.png">需空腹</span>
<span>
<img src="images/mindate_03.jpg">10-15个工作日</span>
</p>
<p class="price">¥500
<span class="through">¥900</span>
</p>
</div>
</li>
</ul>
</div> -->
</div>
</div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/common.js"></script>
<script src="js/weui.js"></script>
<script>
$(function () {
let loading = weui.loading("加载中")
sendAjax('post', 'portal/Goods/getCatInfo3', {
cid: 4
}, function (res) {
if (res.code == 1) {
loading.hide();
var data = res.data
console.log(data)
$(".headertext").html(data.name)
$(".banner").find("img").attr("src", data.img)
// 选项卡分类
var html = ""
var htmls = ""
var htmlTwo = ""
for (var n in data.goods) {
html += `<li>
<a onclick="tab('tab${ parseInt(n) + 1}')" href="#">${data.goods[n].name}</a>
</li>`
for (var j in data.goods[n].goods) {
for (var x in data.goods[n].goods[j].tag) {
htmlTwo += `<span>
<img src="${data.goods[n].goods[j].tag[x].url}">${data.goods[n].goods[j].tag[x].text}</span>`
}
htmls += `<div class="exammg" id="tab${n}">
<ul>
<li>
<a href="#">
<img src="images/examli_03.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>${data.goods[n].goods[j].other_title}</span>
<p>${data.goods[n].goods[j].post_title}
</p>
</a>
<p class="minute">
${htmlTwo}
</p>
<p class="price">¥500
<span class="through">¥${data.goods[n].goods[j].real_price}</span>
</p>
</div>
</li>
</ul>
</div>`
htmlTwo = ""
}
}
$("#nav-smartSetup ul").html(html)
$(".body").html(htmls)
} else if (res.code == 0) {
let loading = weui.loading(res.msg)
setTimeout(function () {
loading.hide();
}, 1500);
}
});
})
</script>
</body>
\ 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 != "") {
sendAjax('post', 'home/index/loginByPass', {
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);
}
}))
// 短信验证码倒计时
//获取短信验证码
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
... ... @@ -17,6 +17,7 @@
}
.mbpart2{
height: auto;
width:100%;
}
.footer {
position: absolute;
... ...
<!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" type="text/css" href="css/weui.css">
<link rel="stylesheet" type="text/css" href="css/banner.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="css/modern-accordion.css">
<link rel="stylesheet" type="text/css" href="css/share.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/modern-accordion.js"></script>
<script src="js/share.js"></script>
<script src="js/common.js"></script>
<script type="text/javascript">
function ChangeDiv() {
document.getElementById("control").style.display = "none";
document.getElementById("close").style.display = "block";
document.getElementById("open").style.display = "none";
//显示当前层
}
function ChangeDiv1() {
document.getElementById("control").style.display = "block";
document.getElementById("close").style.display = "none";
document.getElementById("open").style.display = "block";
//显示当前层
}
</script>
<style>
#close {
display: none;
}
.mdn-accordion {
max-width: 7.5rem;
}
.trheader {
width: 7.5rem;
}
#trtopbot {
margin-top: 1rem;
}
</style>
<title>健康旅游</title>
</head>
<body>
<!--trheader start-->
<div class="trheader center">
<div class="trtop">
<div class="left trback">
<a href="#">
<img src="images/trback_03.png" />
</a>
</div>
<div class="trtitle">健康旅游</div>
<div class="right inshare">
<a href="#" onClick="toshare()">
<img src="images/inshare_03.png" />
</a>
</div>
</div>
<div id="trtopdes">【浙东全景爸妈放心游】绍兴-兰亭-宁波-普陀山-雁荡山-奉化溪口-大楠溪-石桅岩-崖下库-江心屿-温州双卧</div>
<div id="trtopbot">
<p id="tian">0天</p>
<p id="place">北京 出发</p>
</div>
</div>
<div class="csslider1 autoplay">
<input name="cs_anchor1" autocomplete="off" id="cs_slide1_0" type="radio" class="cs_anchor slide">
<input name="cs_anchor1" autocomplete="off" id="cs_slide1_1" type="radio" class="cs_anchor slide">
<input name="cs_anchor1" autocomplete="off" id="cs_slide1_2" type="radio" class="cs_anchor slide">
<input name="cs_anchor1" autocomplete="off" id="cs_play1" type="radio" class="cs_anchor" checked>
<input name="cs_anchor1" autocomplete="off" id="cs_pause1" type="radio" class="cs_anchor">
<ul>
<div style="width: 100%; visibility: hidden; font-size: 0px; line-height: 0; height: 4.89rem;">
<img src="images/1.jpg" style="width: 100%;">
</div>
<li class="num0 img">
<img src="images/trbanner_01.jpg" />
</li>
<li class="num1 img">
<img src="images/trbanner_02.jpg" />
</li>
<li class="num2 img">
<img src="images/trbanner_03.jpg" />
</li>
</ul>
<div class="cs_bullets textright" style="z-index:1000;">
<label class="num0" for="cs_slide1_0">
<span class="cs_point"></span>
</label>
<label class="num1" for="cs_slide1_1">
<span class="cs_point"></span>
</label>
<label class="num2" style="margin-right:0.2rem;" for="cs_slide1_2">
<span class="cs_point"></span>
</label>
</div>
</div>
<!--trheader end-->
<!--trpart1 -->
<div class="trpart1 center">
<div class="trptitle">— 行程亮点 —</div>
<div class="trli">
<ul>
<li>
<img src="images/po_03.jpg" />全程专职陪护,0购物,爸妈放心游;</li>
<li>
<img src="images/po_03.jpg" />四海名山皆过目,就中此景难图录,雁荡一生看不足;</li>
<li>
<img src="images/po_03.jpg" />蒋氏故里、观音圣地,感受民国风、观音梦;</li>
<li>
<img src="images/po_03.jpg" />春色阅尽人不老,繁华洗去浪头笑,深度体验楠溪江;</li>
</ul>
</div>
</div>
<!--trpart1 end-->
<!--trpart2 -->
<div class="trpart2 center">
<div class="trptitle">
<span class="gailan">— 行程概览 — </span>
<span class="right close" id="open" onclick="JavaScript:ChangeDiv()">
<img src="images/close_03.png" />
</span>
<span class="right open" id="close" onclick="JavaScript:ChangeDiv1()">
<img src="images/open_03.png" />
</span>
</div>
<ul class="mdn-accordion single-level-accordion blue-accordion-theme" id="control">
<!--day1-->
<!-- <li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-1" id="accordion-panel-1">
<label class="accordion-title shu" for="accordion-panel-1">
<p>
<img src="images/shu_07.jpg" />第一天</p>
<p class="roiu">北京→杭州</p>
</label>
<ul>
<li>
<div class="minbox">
<p class="route">
<img src="images/content1li_03.png" />行程</p>
<p class="routecon">专职陪护人员与大家在指定地点集合,陪护大家乘火车 硬卧前往杭州,开始愉快的健康之旅!参考车次:T31【16:55-次日08:26】,实际车次请以通知为准。
</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:敬请自理 、午餐:敬请自理、 晚餐:敬请自理。</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">火车上</p>
</div>
</li>
</ul>
</li> -->
<!-- end day1 -->
<!--day2-->
<!-- <li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-2" id="accordion-panel-2">
<label class="accordion-title shu" for="accordion-panel-2">
<p>
<img src="images/shu_07.jpg" />第二天</p>
<p class="roiu">杭州→绍兴→宁波</p>
</label>
<ul>
<li>
<div class="minbox">
<p class="route">
<img src="images/content1li_03.png" />行程</p>
<p class="routecon">早上抵达杭州,地接导游接站后,乘车前往绍兴;抵达绍兴后,游览【鲁 迅故 居】,然后游览东晋著名书法家王羲之的寄居处:【兰亭】
</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li>
<img src="images/trconli_03.jpg" />
<span class="ht">鲁迅故居</span>
<span style="width:4.5rem">
鲁迅祖居、鲁迅故居、三味书屋等核心的鲁迅青少年时代生活环境展示区,清末 民初绍兴市井生活风情和鲁迅作品人物场景示区、鲁迅文化研究展示区、绍兴传统展示。
</span>
</li>
<li class="jingdian">
<img src="images/trconli_06.jpg" />
<span class="ht">兰亭</span>
<span style="width:4.5rem">
兰亭,明清园林,是东晋著名书法家,会稽内史王羲之的园林住所,是一座晋代园林。传春秋时越王勾践曾在此植兰,汉时设驿亭,故名兰亭。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早:敬请自理、 午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">宁波金纬大酒店或其他备选酒店</p>
</div>
</li>
</ul>
</li> -->
<!-- end day2 -->
<!--day3-->
<!-- <li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-3" id="accordion-panel-3">
<label class="accordion-title shu" for="accordion-panel-3">
<p>
<img src="images/shu_07.jpg" />第三天</p>
<p class="roiu">宁波→普陀山</p>
</label>
<ul>
<li>
<div class="minbox">
<p class="route">
<img src="images/content1li_03.png" />行程</p>
<p class="routecon">酒店内亨用早餐后经舟山跨海大桥,赴朱家尖或沈家门码头,乘船赴【普陀山】含往返快艇、岛上小交通、景区小门票:游西天景区心字石,普陀石、普济寺、紫竹林、南海观音、如果天气晴好可观日落。
</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li>
<img src="images/trconli1_03.jpg" />
<span class="ht">普陀山南海观音大佛</span>
<span style="width:4.5rem">
坐落于双峰山南端的观音跳山岗上。此处势随峰起,秀林葱郁,气顺脉畅,碧波荡漾。莲花洋彼岸的朱家尖,隔海侍卫;双峰山坡麓的紫竹林,潮音频传。普 陀山新的人文景观,海天佛国的象征。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含 、午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">舟山普陀山海上花园客栈(西山店),或其他备选酒店</p>
</div>
</li>
</ul>
</li> -->
<!-- end day3 -->
<!--day4-->
<!-- <li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-4" id="accordion-panel-4">
<label class="accordion-title shu" for="accordion-panel-4">
<p>
<img src="images/shu_07.jpg" />第四天</p>
<p class="roiu">普陀山→奉化</p>
</label>
<ul>
<li>
<div class="minbox">
<p class="route">
<img src="images/content1li_03.png" />行程</p>
<p class="routecon">如当天天气睛好,可早起看海上日出:酒店内享用早餐后,乘船下岛,然后赴蒋介石的故乡:【奉化溪口】:游小房、蒋介石故居、丰镐房等。
</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li>
<img src="images/trconli1_10.jpg" />
<span class="ht">蒋氏故居</span>
<span style="width:4.5rem">
第四批全国重点文物保护单位,国家AAAAA级旅游景区,第二批中国20世纪建筑遗产。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含 、午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">奉化溪口武岭宾馆(挂牌三星),或且他备选酒店</p>
</div>
</li>
</ul>
</li> -->
<!-- end day4 -->
<!--day5-->
<!-- <li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-5" id="accordion-panel-5">
<label class="accordion-title shu" for="accordion-panel-5">
<p>
<img src="images/shu_07.jpg" />第五天</p>
<p class="roiu">奉化→雁荡山</p>
</label>
<ul>
<li>
<div class="minbox">
<p class="route">
<img src="images/content1li_03.png" />行程</p>
<p class="routecon">酒店内享用早餐后,赴中国十大名山之一、世界地质公园【雁荡山】 游大龙湫:灵峰夜显(需要备一个手电简);三折瀑等景点,三个景 点游览时间不少于4小时。
</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li>
<img src="images/trconli1_10.jpg" />
<span class="ht">雁荡山</span>
<span style="width:4.5rem">
雁荡山以山水奇秀闻名,素有“海上名山、寰中绝胜”之誉,史称中国“东南第一山。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含 、午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">雁荡山仙客来山庄,或其他备选酒店</p>
</div>
</li>
</ul>
</li> -->
<!-- end day5 -->
<!--day6-->
<!-- <li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-6" id="accordion-panel-6">
<label class="accordion-title shu" for="accordion-panel-6">
<p>
<img src="images/shu_07.jpg" />第六天</p>
<p class="roiu">雁荡山→楠溪江</p>
</label>
<ul>
<li>
<div class="minbox">
<p class="route">
<img src="images/content1li_03.png" />行程</p>
<p class="routecon">酒店内享用早餐后,游览【雁荡山灵岩景区】; 然后乘坐大巴赴AAA级景区,国家级风景区当中唯一以田园山水风光见长的楠溪江景区, 游览兼具雄、奇、险、秀、幽、奧等特点。【石桅岩景区】,游览
时间不少于2小时;然后游览【丽水街景区】。
</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li>
<img src="images/trconli1_10.jpg" />
<span class="ht">楠溪江</span>
<span style="width:4.5rem">
楠溪江,国家AAAA级旅游区,世界地质公园。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含 、午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">楠溪江金泰宾馆,或其他备选酒店</p>
</div>
</li>
</ul>
</li> -->
<!-- end day6 -->
<!--day7-->
<!-- <li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-7" id="accordion-panel-7">
<label class="accordion-title shu" for="accordion-panel-7">
<p>
<img src="images/shu_07.jpg" />第七天</p>
<p class="roiu">楠溪江→温州</p>
</label>
<ul>
<li>
<div class="minbox">
<p class="route">
<img src="images/content1li_03.png" />行程</p>
<p class="routecon">酒店内享用早餐后,游【石门台景区】,游览时间不少于1.5小时;然 后游览【大楠溪景区】,乘竹筏漂流约45分钟,主要体现为“水秀” “村古滩林木美“,这里江水清澈,滩林众多,自然风光绝佳;享用团
队午餐后,下午游览【崖下库】,游览时间不少于2小时;然后乘车赴 温州。
</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li>
<img src="images/trconli1_10.jpg" />
<span class="ht">大楠溪</span>
<span style="width:4.5rem">
大楠溪主要体现为“水秀”、“村古”、“滩林美”。这里江水清澈,滩林众多,自然风光绝佳。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含 、午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">温州繁东宾馆,或其他备选酒店</p>
</div>
</li>
</ul>
</li> -->
<!-- end day7 -->
<!--day8-->
<!-- <li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-8" id="accordion-panel-8">
<label class="accordion-title shu" for="accordion-panel-8">
<p>
<img src="images/shu_07.jpg" />第八天</p>
<p class="roiu">温州→北京</p>
</label>
<ul>
<li>
<div class="minbox">
<p class="route">
<img src="images/content1li_03.png" />行程</p>
<p class="routecon">酒店内享用早餐后,游览温州【江心屿】,游览时间不少于1小时, 位于江中游,中国四大名胜弧岛之一,风景秀丽;全陪导游专职陪护 人员陪同大家乘坐火车硬卧K102次【12:00次日15:49】或其他
车次火车返京。
</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li>
<img src="images/trconli1_10.jpg" />
<span class="ht">江心屿</span>
<span style="width:4.5rem">
江心屿属于中国四大名屿。该屿风景秀丽,东西双塔凌空,映衬江心寺,历来被称为“瓯江蓬莱”。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含、午餐:敬请自理、晚餐:敬请自理</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">火车上</p>
</div>
</li>
</ul>
</li> -->
<!-- end day8 -->
<!--day9-->
<!-- <li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-9" id="accordion-panel-9">
<label class="accordion-title shu" for="accordion-panel-9">
<p>
<img src="images/shu_07.jpg" />第九天</p>
<p class="roiu">北京</p>
</label>
<ul>
<li>
<div class="minbox">
<p class="route">
<img src="images/content1li_03.png" />行程</p>
<p class="routecon">下午抵达北京,结束愉快的行程,返回温暖的家。</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:敬请自理 午餐:敬请自理 晚餐:敬请自理</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">温暖的家</p>
</div>
</li>
</ul>
</li> -->
<!-- end day9 -->
</ul>
</div>
<!--trpart2-->
<!--trpart3 -->
<div class="trpart3 center">
<div class="trptitle">— 费用说明 —</div>
<div class="expense">
<div class="shu textleft">
<img src="images/shu_07.jpg" />费用包含</div>
<ul class="exul">
<li>大交通:团队机票——往返团队经济舱机票含机场建设税(团队机票 将统一出票,如遇政府或航空公司政策性调整燃油税费,在未出票的 情况下将进行多退少补,敬请谅解。团队机票一经开出,不得更改、 不得签转、不得退票)。
</li>
<li>当地交通:当地旅游车(保证一人一正座位,车型大小根据游客实际 人数安排)。
</li>
<li>住宿:双人标准间。</li>
<li>用餐:含早晚餐。</li>
<li>导游服务:专职导游讲解服务或全程专职领队及全程陪护。</li>
<li>儿童价适用于0至6周岁(不含)的儿童。儿童价费用包含:儿童价 包含当地旅游车位、导游服务、半价正餐,不含床位、门票!【注: 儿童价标准。】
</li>
</ul>
</div>
<div class="expense">
<div class="shu textleft">
<img src="images/shu_07.jpg" />费用不包含</div>
<ul class="exul">
<li>单人房差:根据当时价格调整。</li>
<li>行程中及酒店内洗衣、理发、电话、传真、收费电视、饮品、烟酒等个人消费。</li>
<li>保险:本产品不含旅游人身意外险,游客填写订单时请进行保险购买。</li>
</ul>
</div>
</div>
<!--trpart3 end-->
<!--trfooter-->
<div id="trfooter">
<div id="trlprice" class="left">
<span class="trmoney">¥4800</span></div>
<div class="left listen">
<a href="#">
<img src="images/listen_03.jpg" />
</a>
</div>
<div id="trsub" class="right">
<a href="#">去预约</a>
</div>
</div>
<!--trfooter end-->
<!--share start-->
<div class="am-share">
<h3 class="am-share-title">分享到</h3>
<ul class="am-share-sns">
<li>
<a href="#">
<i class="share-icon-weibo"></i>
<span>新浪微博</span>
</a>
</li>
<li>
<a href="#">
<i class="share-icon-weibo"></i>
<span>新浪微博</span>
</a>
</li>
<li>
<a href="#">
<i class="share-icon-weibo"></i>
<span>新浪微博</span>
</a>
</li>
<li>
<a href="#">
<i class="share-icon-weibo"></i>
<span>新浪微博</span>
</a>
</li>
</ul>
<div class="am-share-footer">
<button class="share_btn">取消</button>
</div>
</div>
<!--share end-->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/weui.js"></script>
<script>
$(function () {
let loading = weui.loading("加载中")
sendAjax('post', 'portal/Goods/travel', {}, function (res) {
if (res.code == 1) {
loading.hide();
var data = res.data
console.log(data)
// 本页title
$(".trtitle").html(data.post_title)
// 介绍
$(".trtopdes").html(data.other_title)
// 天数
$("#tian").html(data.day_num + "天")
// 出发
$("#place").html(data.departure + " 出发")
// 行程概览
var html = ""
for (var n in data.day) {
html += `<li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-${parseInt(n) + 1}" id="accordion-panel-${parseInt(n) + 1}">
<label class="accordion-title shu" for="accordion-panel-${parseInt(n) + 1}">
<p>
<img src="images/shu_07.jpg" />${data.day[n].title}</p>
<p class="roiu">${data.day[n].subtitle}</p>
</label>
<ul>
<li>
<div class="minbox">
<p class="route">
<img src="images/content1li_03.png" />行程</p>
<p class="routecon">${data.day[n].route}
</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_06.png" />三餐</p>
<p class="routecon">${data.day[n].food}</p>
</div>
<div class="minbox">
<p class="route">
<img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">${data.day[n].lodging}</p>
</div>
</li>
</ul>
</li>`
}
$("#control").html(html)
// 总钱数
$(".trmoney").html("¥ " + data.price)
} else if (res.code == 0) {
let loading = weui.loading(res.msg)
setTimeout(function () {
loading.hide();
}, 1500);
}
});
})
</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" />
<link rel="stylesheet" type="text/css" href="css/banner.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>
<link rel="stylesheet" type="text/css" href="css/modern-accordion.css">
<link rel="stylesheet" type="text/css" href="css/share.css" />
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/modern-accordion.js"></script>
<script src="js/share.js"></script>
<script type="text/javascript">
function ChangeDiv()
{
document.getElementById("control").style.display="none";
document.getElementById("close").style.display="block";
document.getElementById("open").style.display="none";
//显示当前层
}
function ChangeDiv1()
{
document.getElementById("control").style.display="block";
document.getElementById("close").style.display="none";
document.getElementById("open").style.display="block";
//显示当前层
}
</script>
<style>
#close{
display:none;
}
.mdn-accordion{
max-width: 7.5rem;
}
.trheader{
width: 7.5rem;
}
#trtopbot{
margin-top: 1rem;
}
</style>
<title>健康旅游</title>
</head>
<body>
<!--trheader start-->
<div class="trheader center">
<div class="trtop">
<div class="left trback"><a href="#"><img src="images/trback_03.png"/></a></div>
<div class="trtitle">健康旅游</div>
<div class="right inshare"><a href="#" onClick="toshare()"><img src="images/inshare_03.png"/></a></div>
</div>
<div id="trtopdes">【浙东全景爸妈放心游】绍兴-兰亭-宁波-普陀山-雁荡山-奉化溪口-大楠溪-石桅岩-崖下库-江心屿-温州双卧</div>
<div id="trtopbot">
<p id="tian">9天</p>
<p id="place">北京 出发</p>
</div>
</div>
<div class="csslider1 autoplay">
<input name="cs_anchor1" autocomplete="off" id="cs_slide1_0" type="radio" class="cs_anchor slide" >
<input name="cs_anchor1" autocomplete="off" id="cs_slide1_1" type="radio" class="cs_anchor slide" >
<input name="cs_anchor1" autocomplete="off" id="cs_slide1_2" type="radio" class="cs_anchor slide" >
<input name="cs_anchor1" autocomplete="off" id="cs_play1" type="radio" class="cs_anchor" checked>
<input name="cs_anchor1" autocomplete="off" id="cs_pause1" type="radio" class="cs_anchor" >
<ul>
<div style="width: 100%; visibility: hidden; font-size: 0px; line-height: 0; height: 4.89rem;">
<img src="images/1.jpg" style="width: 100%;">
</div>
<li class="num0 img">
<img src="images/trbanner_01.jpg" />
</li>
<li class="num1 img">
<img src="images/trbanner_02.jpg" />
</li>
<li class="num2 img">
<img src="images/trbanner_03.jpg" />
</li>
</ul>
<div class="cs_bullets textright" style="z-index:1000;">
<label class="num0" for="cs_slide1_0"><span class="cs_point"></span></label>
<label class="num1" for="cs_slide1_1"><span class="cs_point"></span></label>
<label class="num2" style="margin-right:0.2rem;" for="cs_slide1_2"><span class="cs_point"></span></label>
</div>
</div>
<!--trheader end-->
<!--trpart1 -->
<div class="trpart1 center">
<div class="trptitle">— 行程亮点 —</div>
<div class="trli">
<ul>
<li><img src="images/po_03.jpg"/>全程专职陪护,0购物,爸妈放心游;</li>
<li><img src="images/po_03.jpg"/>四海名山皆过目,就中此景难图录,雁荡一生看不足;</li>
<li><img src="images/po_03.jpg"/>蒋氏故里、观音圣地,感受民国风、观音梦;</li>
<li><img src="images/po_03.jpg"/>春色阅尽人不老,繁华洗去浪头笑,深度体验楠溪江;</li>
</ul>
</div>
</div>
<!--trpart1 end-->
<!--trpart2 -->
<div class="trpart2 center">
<div class="trptitle">
<span class="gailan">— 行程概览 — </span>
<span class="right close" id="open" onclick="JavaScript:ChangeDiv()"><img src="images/close_03.png"/></span>
<span class="right open" id="close" onclick="JavaScript:ChangeDiv1()"><img src="images/open_03.png"/></span>
</div>
<ul class="mdn-accordion single-level-accordion blue-accordion-theme" id="control">
<!--day1-->
<li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-1" id="accordion-panel-1">
<label class="accordion-title shu" for="accordion-panel-1"> <p><img src="images/shu_07.jpg"/>第一天</p><p class="roiu">北京→杭州</p> </label>
<ul>
<li>
<div class="minbox">
<p class="route"><img src="images/content1li_03.png" />行程</p>
<p class="routecon">专职陪护人员与大家在指定地点集合,陪护大家乘火车
硬卧前往杭州,开始愉快的健康之旅!参考车次:T31【16:55-次日08:26】,实际车次请以通知为准。
</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:敬请自理 、午餐:敬请自理、 晚餐:敬请自理。</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">火车上</p>
</div>
</li>
</ul>
</li>
<!-- end day1 -->
<!--day2-->
<li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-2" id="accordion-panel-2">
<label class="accordion-title shu" for="accordion-panel-2"> <p><img src="images/shu_07.jpg"/>第二天</p><p class="roiu">杭州→绍兴→宁波</p> </label>
<ul>
<li>
<div class="minbox">
<p class="route"><img src="images/content1li_03.png" />行程</p>
<p class="routecon">早上抵达杭州,地接导游接站后,乘车前往绍兴;抵达绍兴后,游览【鲁 迅故
居】,然后游览东晋著名书法家王羲之的寄居处:【兰亭】
</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li ><img src="images/trconli_03.jpg"/>
<span class="ht">鲁迅故居</span>
<span style="width:4.5rem">
鲁迅祖居、鲁迅故居、三味书屋等核心的鲁迅青少年时代生活环境展示区,清末
民初绍兴市井生活风情和鲁迅作品人物场景示区、鲁迅文化研究展示区、绍兴传统展示。
</span>
</li>
<li class="jingdian"><img src="images/trconli_06.jpg"/>
<span class="ht">兰亭</span>
<span style="width:4.5rem">
兰亭,明清园林,是东晋著名书法家,会稽内史王羲之的园林住所,是一座晋代园林。传春秋时越王勾践曾在此植兰,汉时设驿亭,故名兰亭。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早:敬请自理、 午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">宁波金纬大酒店或其他备选酒店</p>
</div>
</li>
</ul>
</li>
<!-- end day2 -->
<!--day3-->
<li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-3" id="accordion-panel-3">
<label class="accordion-title shu" for="accordion-panel-3"> <p><img src="images/shu_07.jpg"/>第三天</p><p class="roiu">宁波→普陀山</p> </label>
<ul>
<li>
<div class="minbox">
<p class="route"><img src="images/content1li_03.png" />行程</p>
<p class="routecon">酒店内亨用早餐后经舟山跨海大桥,赴朱家尖或沈家门码头,乘船赴【普陀山】含往返快艇、岛上小交通、景区小门票:游西天景区心字石,普陀石、普济寺、紫竹林、南海观音、如果天气晴好可观日落。
</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li ><img src="images/trconli1_03.jpg"/>
<span class="ht">普陀山南海观音大佛</span>
<span style="width:4.5rem">
坐落于双峰山南端的观音跳山岗上。此处势随峰起,秀林葱郁,气顺脉畅,碧波荡漾。莲花洋彼岸的朱家尖,隔海侍卫;双峰山坡麓的紫竹林,潮音频传。普
陀山新的人文景观,海天佛国的象征。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含 、午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">舟山普陀山海上花园客栈(西山店),或其他备选酒店</p>
</div>
</li>
</ul>
</li>
<!-- end day3 -->
<!--day4-->
<li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-4" id="accordion-panel-4">
<label class="accordion-title shu" for="accordion-panel-4"> <p><img src="images/shu_07.jpg"/>第四天</p><p class="roiu">普陀山→奉化</p></label>
<ul>
<li>
<div class="minbox">
<p class="route"><img src="images/content1li_03.png" />行程</p>
<p class="routecon">如当天天气睛好,可早起看海上日出:酒店内享用早餐后,乘船下岛,然后赴蒋介石的故乡:【奉化溪口】:游小房、蒋介石故居、丰镐房等。
</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li ><img src="images/trconli1_10.jpg"/>
<span class="ht">蒋氏故居</span>
<span style="width:4.5rem">
第四批全国重点文物保护单位,国家AAAAA级旅游景区,第二批中国20世纪建筑遗产。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含 、午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">奉化溪口武岭宾馆(挂牌三星),或且他备选酒店</p>
</div>
</li>
</ul>
</li>
<!-- end day4 -->
<!--day5-->
<li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-5" id="accordion-panel-5">
<label class="accordion-title shu" for="accordion-panel-5"> <p><img src="images/shu_07.jpg"/>第五天</p><p class="roiu">奉化→雁荡山</p></label>
<ul>
<li>
<div class="minbox">
<p class="route"><img src="images/content1li_03.png" />行程</p>
<p class="routecon">酒店内享用早餐后,赴中国十大名山之一、世界地质公园【雁荡山】
游大龙湫:灵峰夜显(需要备一个手电简);三折瀑等景点,三个景
点游览时间不少于4小时。
</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li ><img src="images/trconli1_10.jpg"/>
<span class="ht">雁荡山</span>
<span style="width:4.5rem">
雁荡山以山水奇秀闻名,素有“海上名山、寰中绝胜”之誉,史称中国“东南第一山。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含 、午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">雁荡山仙客来山庄,或其他备选酒店</p>
</div>
</li>
</ul>
</li>
<!-- end day5 -->
<!--day6-->
<li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-6" id="accordion-panel-6">
<label class="accordion-title shu" for="accordion-panel-6"> <p><img src="images/shu_07.jpg"/>第六天</p><p class="roiu">雁荡山→楠溪江</p></label>
<ul>
<li>
<div class="minbox">
<p class="route"><img src="images/content1li_03.png" />行程</p>
<p class="routecon">酒店内享用早餐后,游览【雁荡山灵岩景区】;
然后乘坐大巴赴AAA级景区,国家级风景区当中唯一以田园山水风光见长的楠溪江景区,
游览兼具雄、奇、险、秀、幽、奧等特点。【石桅岩景区】,游览
时间不少于2小时;然后游览【丽水街景区】。
</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li ><img src="images/trconli1_10.jpg"/>
<span class="ht">楠溪江</span>
<span style="width:4.5rem">
楠溪江,国家AAAA级旅游区,世界地质公园。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含 、午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">楠溪江金泰宾馆,或其他备选酒店</p>
</div>
</li>
</ul>
</li>
<!-- end day6 -->
<!--day7-->
<li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-7" id="accordion-panel-7">
<label class="accordion-title shu" for="accordion-panel-7"> <p><img src="images/shu_07.jpg"/>第七天</p><p class="roiu">楠溪江→温州</p></label>
<ul>
<li>
<div class="minbox">
<p class="route"><img src="images/content1li_03.png" />行程</p>
<p class="routecon">酒店内享用早餐后,游【石门台景区】,游览时间不少于1.5小时;然
后游览【大楠溪景区】,乘竹筏漂流约45分钟,主要体现为“水秀”
“村古滩林木美“,这里江水清澈,滩林众多,自然风光绝佳;享用团
队午餐后,下午游览【崖下库】,游览时间不少于2小时;然后乘车赴
温州。
</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li ><img src="images/trconli1_10.jpg"/>
<span class="ht">大楠溪</span>
<span style="width:4.5rem">
大楠溪主要体现为“水秀”、“村古”、“滩林美”。这里江水清澈,滩林众多,自然风光绝佳。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含 、午餐:含、 晚餐:含</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">温州繁东宾馆,或其他备选酒店</p>
</div>
</li>
</ul>
</li>
<!-- end day7 -->
<!--day8-->
<li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-8" id="accordion-panel-8">
<label class="accordion-title shu" for="accordion-panel-8"> <p><img src="images/shu_07.jpg"/>第八天</p><p class="roiu">温州→北京</p></label>
<ul>
<li>
<div class="minbox">
<p class="route"><img src="images/content1li_03.png" />行程</p>
<p class="routecon">酒店内享用早餐后,游览温州【江心屿】,游览时间不少于1小时,
位于江中游,中国四大名胜弧岛之一,风景秀丽;全陪导游专职陪护
人员陪同大家乘坐火车硬卧K102次【12:00次日15:49】或其他
车次火车返京。
</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.jpg" />景点</p>
<ul class="jingdian">
<li ><img src="images/trconli1_10.jpg"/>
<span class="ht">江心屿</span>
<span style="width:4.5rem">
江心屿属于中国四大名屿。该屿风景秀丽,东西双塔凌空,映衬江心寺,历来被称为“瓯江蓬莱”。
</span>
</li>
</ul>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:含、午餐:敬请自理、晚餐:敬请自理</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">火车上</p>
</div>
</li>
</ul>
</li>
<!-- end day8 -->
<!--day9-->
<li class="sub-level">
<input class="accordion-toggle" type="checkbox" name="accordion-panel-9" id="accordion-panel-9">
<label class="accordion-title shu" for="accordion-panel-9"> <p><img src="images/shu_07.jpg"/>第九天</p><p class="roiu">北京</p></label>
<ul>
<li>
<div class="minbox">
<p class="route"><img src="images/content1li_03.png" />行程</p>
<p class="routecon">下午抵达北京,结束愉快的行程,返回温暖的家。</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_06.png" />三餐</p>
<p class="routecon">早餐:敬请自理 午餐:敬请自理 晚餐:敬请自理</p>
</div>
<div class="minbox">
<p class="route"><img src="images/content1li_08.jpg" />住宿</p>
<p class="routecon">温暖的家</p>
</div>
</li>
</ul>
</li>
<!-- end day9 -->
</ul>
</div>
<!--trpart2-->
<!--trpart3 -->
<div class="trpart3 center">
<div class="trptitle">— 费用说明 —</div>
<div class="expense">
<div class="shu textleft"><img src="images/shu_07.jpg"/>费用包含</div>
<ul class="exul">
<li>大交通:团队机票——往返团队经济舱机票含机场建设税(团队机票
将统一出票,如遇政府或航空公司政策性调整燃油税费,在未出票的
情况下将进行多退少补,敬请谅解。团队机票一经开出,不得更改、
不得签转、不得退票)。
</li>
<li>当地交通:当地旅游车(保证一人一正座位,车型大小根据游客实际
人数安排)。
</li>
<li>住宿:双人标准间。</li>
<li>用餐:含早晚餐。</li>
<li>导游服务:专职导游讲解服务或全程专职领队及全程陪护。</li>
<li>儿童价适用于0至6周岁(不含)的儿童。儿童价费用包含:儿童价
包含当地旅游车位、导游服务、半价正餐,不含床位、门票!【注:
儿童价标准。】
</li>
</ul>
</div>
<div class="expense">
<div class="shu textleft"><img src="images/shu_07.jpg"/>费用不包含</div>
<ul class="exul">
<li>单人房差:根据当时价格调整。</li>
<li>行程中及酒店内洗衣、理发、电话、传真、收费电视、饮品、烟酒等个人消费。</li>
<li>保险:本产品不含旅游人身意外险,游客填写订单时请进行保险购买。</li>
</ul>
</div>
</div>
<!--trpart3 end-->
<!--trfooter-->
<div id="trfooter">
<div id="trlprice" class="left"><span class="trmoney">¥4800</span></div>
<div class="left listen"><a href="#"><img src="images/listen_03.jpg"/></a></div>
<div id="trsub" class="right"><a href="#">去预约</a></div>
</div>
<!--trfooter end-->
<!--share start-->
<div class="am-share">
<h3 class="am-share-title">分享到</h3>
<ul class="am-share-sns">
<li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
<li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
<li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
<li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li>
</ul>
<div class="am-share-footer"><button class="share_btn">取消</button></div>
</div>
<!--share end-->
</body>
\ No newline at end of file
... ... @@ -5,9 +5,8 @@
<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/jquery-1.2.6.min.js" type="text/javascript" ></script>
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/t.js"></script>
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-1.8.3.min.js"></script>
<script>
function tab(pid){
$("li.or_li").removeClass("oron");
... ... @@ -27,15 +26,6 @@
#tab4{
display:none;
}
.empty{
text-align: center;
margin: 50% 0 0 0;
color:#979797;
box-shadow: none;
}
body{
box-shadow: none;
}
</style>
<title>我的订单</title>
</head>
... ... @@ -59,160 +49,63 @@ body{
</div>
<div class="or_div" id="tab1">
<!--<div class="orpart">-->
<!--<div class="ordernum">订单号:009201800056<span class="cancel right">已取消</span></div>-->
<!--<div class="orcon">-->
<!--<p class="cate center">专业护理</p>-->
<!--<p class="ordesc textleft"><a href="#">【居家照护】适合出院后需要持续照护、失能/半失能以及...</a></p>-->
<!--<p class="ortime">预约服务时间:2018-03-20 13:00</p>-->
<!--<p class="right orprice">合计:<span>¥0</span></p>-->
<!--</div>-->
<!--</div>-->
</div>
<div class="or_div" id="tab2">
<!--<div class="orpart">-->
<!--<div class="ordernum">订单号:010201800078<span class="pay right">待付款</span></div>-->
<!--<div class="orcon">-->
<!--<p class="cate center">家庭医生</p>-->
<!--<p class="ordesc textleft"><a href="#">【家庭医生送长辈,安全可靠保健康】上有老、下有小是...</a></p>-->
<!--<p class="ortime">预约下单日期:2018-02-19 17:22</p>-->
<!--<p class="right orprice">合计:<span>¥5290</span></p>-->
<!--</div>-->
<!--<div class="right gopay"><a href="#">去支付</a></div>-->
<!--</div>-->
</div>
<div class="or_div" id="tab3">
<!--<div class="orpart">-->
<!--<div class="ordernum">订单号:009201800056<span class="cancel right">进行中</span></div>-->
<!--<div class="orcon">-->
<!--<p class="cate center">专业护理</p>-->
<!--<p class="ordesc textleft"><a href="#">【居家照护】适合出院后需要持续照护、失能/半失能以及...</a></p>-->
<!--<p class="ortime">预约服务时间:2018-03-20 13:00</p>-->
<!--<p class="right orprice">合计:<span>¥0</span></p>-->
<!--</div>-->
<!--</div>-->
<div class="orpart">
<div class="ordernum">订单号:010201800078<span class="pay right">待付款</span></div>
<div class="orcon">
<p class="cate center">家庭医生</p>
<p class="ordesc textleft"><a href="#">【家庭医生送长辈,安全可靠保健康】上有老、下有小是...</a></p>
<p class="ortime">预约下单日期:2018-02-19 17:22</p>
<p class="right orprice">合计:<span>¥5290</span></p>
</div>
<div class="right gopay"><a href="#">去支付</a></div>
</div>
<div class="or_div" id="tab4">
<!--<div class="orpart">-->
<!--<div class="ordernum">订单号:009201800056<span class="cancel right">已完成</span></div>-->
<!--<div class="orcon">-->
<!--<p class="cate center">专业护理</p>-->
<!--<p class="ordesc textleft"><a href="#">【居家照护】适合出院后需要持续照护、失能/半失能以及...</a></p>-->
<!--<p class="ortime">预约服务时间:2018-03-20 13:00</p>-->
<!--<p class="right orprice">合计:<span>¥0</span></p>-->
<!--</div>-->
<!--</div>-->
</div>
<script src="js/common.js"></script>
<script>
// 我的订单接口
var post={};
var header={
DeviceType:1,
Token:1
}
sendAjax('post', 'user/Order/myOrder', post, header, function (res) {
let myOrder_data = res;
let htmlall = '';
let htmldoing='';
let htmlunpay='';
let htmlcomplete='';
console.log(res);
if (myOrder_data.code == 1) {
// 全部订单
if (myOrder_data.data.unpay.length == 0) {
$('#tab1').append('<div class="empty">暂无数据信息!</div>');
} else {
for (let j in myOrder_data.data.all) {
htmlall += `<div class="orpart" data_id="${ myOrder_data.data.all[j].id}">
<div class="ordernum">订单号:${ myOrder_data.data.all[j].order_sn }<span class="pay right">${myOrder_data.data.all[j].order_type}</span></div>
<div class="orpart">
<div class="ordernum">订单号:009201800056<span class="cancel right">已取消</span></div>
<div class="orcon">
<p class="cate center">${myOrder_data.data.all[j].post_title}</p>
<p class="ordesc textleft"><a href="#">${myOrder_data.data.all[j].other_title}</a></p>
<p class="ortime">预约下单日期:${myOrder_data.data.all[j].service_time}</p>
<p class="right orprice">合计:<span>¥${myOrder_data.data.all[j].price}</span></p>
<p class="cate center">专业护理</p>
<p class="ordesc textleft"><a href="#">【居家照护】适合出院后需要持续照护、失能/半失能以及...</a></p>
<p class="ortime">预约服务时间:2018-03-20 13:00</p>
<p class="right orprice">合计:<span>¥0</span></p>
</div>
<div class="right gopay"><a href="#">去支付</a></div>
</div>`;
}
$('#tab1').append(htmlall);
}
// 待付款
</div>
</div>
if (myOrder_data.data.unpay.length == 0) {
$('#tab2').append('<div class="empty">暂无数据信息!</div>');
} else {
for (let j in myOrder_data.data.unpay) {
htmlunpay += `<div class="orpart" data_id="${ myOrder_data.data.unpay[j].id}">
<div class="ordernum">订单号:${ myOrder_data.data.unpay[j].order_sn }<span class="pay right">${myOrder_data.data.unpay[j].order_type}</span></div>
<div class="or_div" id="tab2">
<div class="orpart">
<div class="ordernum">订单号:010201800078<span class="pay right">待付款</span></div>
<div class="orcon">
<p class="cate center">${myOrder_data.data.unpay[j].post_title}</p>
<p class="ordesc textleft"><a href="#">${myOrder_data.data.unpay[j].other_title}</a></p>
<p class="ortime">预约下单日期:${myOrder_data.data.unpay[j].service_time}</p>
<p class="right orprice">合计:<span>¥${myOrder_data.data.unpay[j].price}</span></p>
<p class="cate center">家庭医生</p>
<p class="ordesc textleft"><a href="#">【家庭医生送长辈,安全可靠保健康】上有老、下有小是...</a></p>
<p class="ortime">预约下单日期:2018-02-19 17:22</p>
<p class="right orprice">合计:<span>¥5290</span></p>
</div>
<div class="right gopay"><a href="#">去支付</a></div>
</div>`;
}
$('#tab2').append(htmlunpay);
}
</div>
</div>
// 进行中
if (myOrder_data.data.doing.length == 0) {
$('#tab3').append('<div class="empty">暂无数据信息!</div>');
} else {
for (let j in myOrder_data.data.doing) {
htmldoing += `<div class="orpart" data_id="${ myOrder_data.data.doing[j].id }">
<div class="ordernum">订单号:${ myOrder_data.data.doing[j].order_sn }<span class="cancel right">进行中</span></div>
<div class="or_div" id="tab3">
<div class="orpart">
<div class="ordernum">订单号:009201800056<span class="cancel right">进行中</span></div>
<div class="orcon">
<p class="cate center">${myOrder_data.data.doing[j].post_title}</p>
<p class="ordesc textleft"><a href="#">${myOrder_data.data.doing[j].other_title}</a></p>
<p class="ortime">预约服务时间:${myOrder_data.data.doing[j].service_time}</p>
<p class="right orprice">合计:<span>¥${myOrder_data.data.doing[j].price}</span></p>
<p class="cate center">专业护理</p>
<p class="ordesc textleft"><a href="#">【居家照护】适合出院后需要持续照护、失能/半失能以及...</a></p>
<p class="ortime">预约服务时间:2018-03-20 13:00</p>
<p class="right orprice">合计:<span>¥0</span></p>
</div>
</div>`;
}
$('#tab3').append(htmldoing);
}
</div>
</div>
// 已完成
if (myOrder_data.data.complete.length == 0) {
$('#tab4').append('<div class="empty">暂无数据信息!</div>');
} else {
for (let j in myOrder_data.data.complete) {
htmlcomplete += `<div class="orpart" data_id="${ myOrder_data.data.complete[j].id }">
<div class="ordernum">订单号:${ myOrder_data.data.complete[j].order_sn }<span class="cancel right">进行中</span></div>
<div class="or_div" id="tab4">
<div class="orpart">
<div class="ordernum">订单号:009201800056<span class="cancel right">已完成</span></div>
<div class="orcon">
<p class="cate center">${myOrder_data.data.complete[j].post_title}</p>
<p class="ordesc textleft"><a href="#">${myOrder_data.data.complete[j].other_title}</a></p>
<p class="ortime">预约服务时间:${myOrder_data.data.complete[j].service_time}</p>
<p class="right orprice">合计:<span>¥${myOrder_data.data.complete[j].price}</span></p>
<p class="cate center">专业护理</p>
<p class="ordesc textleft"><a href="#">【居家照护】适合出院后需要持续照护、失能/半失能以及...</a></p>
<p class="ortime">预约服务时间:2018-03-20 13:00</p>
<p class="right orprice">合计:<span>¥0</span></p>
</div>
</div>`;
}
$('#tab4').append(htmlcomplete);
}
}
else
{
console.log(res.msg)
}
})
</script>
<script src="js/jquery-1.9.1.js" type="text/javascript" ></script>
<script>
$(" #tab1").on("click",".orpart",function(){
let id= $(this).attr("data_id");
alert(id)
window.location.href='orderdetails.html?id='+id;
})
</script>
</div>
</div>
<div style="background-color:#fff; height:5.6rem;"></div>
</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" />
<link rel="stylesheet" href="css/weui.css">
<script src="js/common.js"></script>
<script src="js/base.js"></script>
<title>慢病康护</title>
<style>
.remg li {
overflow: hidden;
list-style: none;
}
</style>
</head>
<body>
<div class="header center">
<div class="left back">
<a href="#" onClick="javascript:history.back(-1);">
<img src="images/care_03.jpg" />
</a>
</div>
<div class="headertext">慢病康护</div>
<div class="banner">
<img src="images/rehab_02.jpg" />
</div>
</div>
<div class="capart1">
<div class="minbox">
<P class="parttitle">
<span class="c1">康复</span>
<span class="c2">服务</span>
<span class="c3">| &nbsp;把握黄金康复期,提高健康质量</span>
</P>
<div class="remg">
<ul>
<li>
<a href="#">
<img src="images/rehabli_03.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>心脑血管疾病康护</span>
<p>偏瘫、失语、长期卧床等脑血管疾病引发的肢...
</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
</p>
<p class="price">¥8686</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="capart2">
<div class="box">
<P class="parttitle">
<span class="c1">相关</span>
<span class="c2">服务</span>
<span class="c3">| &nbsp;更多优质服务推介</span>
</P>
<div class="camg cali">
<ul class="center">
<li>
<a href="#">
<img src="images/reha2_08.png" />
<p class="tx">老年痴呆护理</p>
<p>
<span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#">
<img src="images/reha2_03.png" />
<p class="tx">癌症护理</p>
<p>
<span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#">
<img src="images/reha2_05.jpg" />
<p class="tx">帕金森护理</p>
<p>
<span class="camo">596</span></p>
</a>
</li>
</ul>
</div>
</div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/weui.js"></script>
<script>
$(function () {
let loading = weui.loading("加载中")
sendAjax('post', 'portal/Goods/getCatInfo2', {
cid: 2
}, function (res) {
if (res.code == 1) {
loading.hide();
var data = res.data
console.log(data)
// 本页title
$(".headertext").html(data.name)
// banner
$(".banner").find("img").attr("src", data.img)
// 康复服务列表
var html = ""
var htmls = ""
for (var n in data.goods) {
for (var j in data.goods[n].tag) {
htmls += `<span>
<img src="${data.goods[n].tag[j].url}">${data.goods[n].tag[j].text}</span>`
}
html += `<li data-good_id="${data.goods[n].good_id}">
<a href="#" >
<img src="images/rehabli_03.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>${data.goods[n].other_title}</span>
<p>
${data.goods[n].post_title}
</p>
</a>
<p class="minute">
${htmls}
</p>
<p class="price">¥${data.goods[n].real_price}</p>
</div>
</li>`
htmls = ""
}
console.log(htmls)
$(".remg").html(html)
// 相关服务
var htmlTwo = ""
for(let n in data.related_service){
htmlTwo += `<li>
<a href="#">
<img src="${data.related_service[n].img}" />
</a>
</li>`
}
$(".capart2 .camg .center").html(htmlTwo)
} else if (res.code == 0) {
let loading = weui.loading(res.msg)
setTimeout(function () {
loading.hide();
}, 1500);
}
});
})
</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"></script>
<title>慢病康护</title>
</head>
<body>
<div class="header center">
<div class="left back">
<a href="#" onClick="javascript:history.back(-1);">
<img src="images/care_03.jpg" />
</a>
</div>
<div class="headertext">慢病康护</div>
<div class="banner">
<img src="images/rehab_02.jpg" />
</div>
</div>
<div class="capart1">
<div class="minbox">
<P class="parttitle">
<span class="c1">康复</span>
<span class="c2">服务</span>
<span class="c3">| &nbsp;把握黄金康复期,提高健康质量</span>
</P>
<div class="remg">
<ul>
<li>
<a href="#">
<img src="images/rehabli_03.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>心脑血管疾病康护</span>
<p>偏瘫、失语、长期卧床等脑血管疾病引发的肢...
</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
</p>
<p class="price">¥8686</p>
</div>
</li>
<li>
<a href="#">
<img src="images/rehabli_06.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>糖尿病康护</span>
<p>因糖尿病引起的肾病、眼底病变、脑病、心脏...</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
</p>
<p class="price">¥8686</p>
</div>
</li>
<li>
<a href="#">
<img src="images/rehabli_08.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>中风康护</span>
<p>专业技术方法指导中风康复训练,提升健康质...</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
</p>
<p class="price">¥8686</p>
</div>
</li>
<li>
<a href="#">
<img src="images/rehabli_10.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>帕金森康护</span>
<p>专业技术方法指导和训练自我保护能力,维护...</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
</p>
<p class="price">¥8686</p>
</div>
</li>
<li>
<a href="#">
<img src="images/rehabli_12.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>老年痴呆康护</span>
<p>专业技术方法指导和训练自我料理能力,维护...</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
</p>
<p class="price">¥8686</p>
</div>
</li>
<li>
<a href="#">
<img src="images/rehabli_14.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>慢性肾功能衰竭康护</span>
<p>指导自我护理、观察病情变化</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
</p>
<p class="price">¥8686</p>
</div>
</li>
<li>
<a href="#">
<img src="images/rehabli_16.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>慢性呼吸系统疾病康护</span>
<p>指导改善肺功能训练、提高健康质量</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
</p>
<p class="price">¥8686</p>
</div>
</li>
<li>
<a href="#">
<img src="images/rehabli_18.jpg" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>运动损伤康护</span>
<p>缓解肌肉损伤后的疼痛,帮助运动损伤的后的...</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
</p>
<p class="price">¥8686</p>
</div>
</li>
<li>
<a href="#">
<img src="images/rehabli_20.png" class="left mari" />
</a>
<div class="corigt left">
<a href="#">
<span>骨科康复</span>
<p>恢复肌肉收缩、关节运动的生理效应</p>
</a>
<p class="minute">
<span>
<img src="images/rebmin_03.png">专业方法</span>
<span>
<img src="images/rebmin_05.png">医学康复</span>
</p>
<p class="price">¥8686</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="capart2">
<div class="box">
<P class="parttitle">
<span class="c1">相关</span>
<span class="c2">服务</span>
<span class="c3">| &nbsp;更多优质服务推介</span>
</P>
<div class="camg cali">
<ul class="center">
<li>
<a href="#">
<img src="images/reha2_08.png" />
<p class="tx">老年痴呆护理</p>
<p>
<span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#">
<img src="images/reha2_03.png" />
<p class="tx">癌症护理</p>
<p>
<span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#">
<img src="images/reha2_05.jpg" />
<p class="tx">帕金森护理</p>
<p>
<span class="camo">596</span></p>
</a>
</li>
</ul>
</div>
</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
... ...
<!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 type="text/javascript">
var maxtime = 30 * 60; //一个小时,按秒计算,自己调整!
function CountDown() {
if (maxtime >= 0) {
minutes = Math.floor(maxtime / 60);
seconds = Math.floor(maxtime % 60);
msg = "支付剩余时间&nbsp;" + minutes + ":" + seconds + "";
document.all["timer"].innerHTML = msg;
if (maxtime == 5 * 60) alert("还剩5分钟");
--maxtime;
} else {
clearInterval(timer);
alert("时间到,结束!");
}
}
timer = setInterval("CountDown()", 1000);
</SCRIPT>
<title>预约详情</title>
<style>
.appoinpart6{
width:100%;
}
</style>
</head>
<body>
<div class="seheader center">
<div class="left seback">
<a href="#" onClick="javascript:history.back(-1);">
<img src="images/care_03.jpg" />
</a>
</div>
<div class="headertext">订单详情</div>
</div>
<!--appoinpart1 -->
<div class="appoinpart1 center">
<div id="timer" class="paytime"></div>
<div id="warring"></div>
<!--<div class="paytime">支付剩余时间 29:12</div>-->
</div>
<!--appoinpart1 end-->
<!--appoinpart2 -->
<div class="appoinpart2 center">
<div class="apointit">
<img src="images/hol_03.jpg" />静脉采血 1 次
<span class="right">待付款</span>
</div>
<div class="apoincon">
<p>
<img src="images/appoinli_03.jpg" />服务对象
<span>李凯</span>
</p>
<p>
<img src="images/appoinli_13.jpg" />联系电话
<span>18110605623</span>
</p>
<!--<p><img src="images/appoinli_07.jpg"/>性别&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>男</span></p>
<p><img src="images/appoinli_10.jpg"/>出生日期<span>1965-08-12</span></p>
<p><img src="images/appoinli_16.jpg"/>上门时间<span>2018-03-15 14:00</span></p>
<p><img src="images/appoinli_18.jpg"/>服务地址<span>北京市 丰台区 总部基地六区2号楼A座层305</span></p>-->
</div>
</div>
<!--appoinpart2 end-->
<!--appoinpart3 -->
<!--<div class="appoinpart3 center">
<div class="apointit"><img src="images/hol_03.jpg"/>病情描述</div>
<div class="apoindes">胃消化性溃疡,需上门采取化验</div>
</div>-->
<!--appoinpart3 end-->
<!--appoinpart4 -->
<!--<div class="appoinpart4 center">
<div class="apointit"><img src="images/hol_03.jpg"/>就医证明</div>
<div class="apoinprove">
<ul>
<li><img src="images/apoinli_03.jpg"/></li>
<li><img src="images/apoinli_03.jpg"/></li>
</ul>
</div>
</div>-->
<!--appoinpart4 end-->
<!--appoinpart5 -->
<div class="appoinpart5 center">
<div class="appoinli5">下单日期
<span class="right">2018-02-19 17:11</span>
</div>
<div class="appoinlik5">
<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="appoinlif5">总服务费
<span class="right">194元</span>
</div>
</div>
<!--appoinpart5 end-->
<div class="apoinnum">订单号:010201800078</div>
<!--appoinpart6 -->
<div class="appoinpart6">
<button type="button" class="apoinbut">去支付</button>
<button type="button" class="apoinbut">取消支付</button>
</div>
<!--appoinpart6 end-->
\ No newline at end of file
... ...