作者 李铮

“备注”

<!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>
<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">
</head>
<style type="text/css">
.cali1 ul li {
width: 31%;
overflow: hidden;
... ... @@ -43,59 +45,87 @@
border-bottom: 1px solid #EBEBEB;
padding-left: 0.16rem;
}
.style_item:nth-child(odd){
.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{
.cali ul li {
margin-left: 0.49rem
}
.cali ul li:nth-child(4n){
.cali ul li:nth-child(4n) {
margin-left: 0;
}
.cali ul li:first-child{
.cali ul li:first-child {
margin-left: 0;
}
</style>
</style>
<body>
<body>
<div class="header center">
<div class="left back">
<a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg" /></a>
<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>
<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>
<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">
<!-- <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>
<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>
<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>
<p>
<span class="camo">210</span>元起</p>
<img src="images/camg_07.jpg" />
</a>
</li> -->
</ul>
</div>
</div>
... ... @@ -110,7 +140,7 @@
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
</div>
<div class="style_item">
<!-- <div class="style_item">
<img src="images/cali_09.jpg" class="left" />
<div class="left">
<P class="catitle">上门打针</P>
... ... @@ -144,43 +174,98 @@
<P class="catitle">上门打针</P>
<P class="cadesc">提供皮下及肌肉注射</P>
</div>
</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">
<ul class="center" style="display: flex; justify-content: flex-start;flex-wrap: wrap;">
<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" />
<a href="#">
<img src="images/caserver_03.jpg" />
<p class="tx">老年痴呆护理</p>
<p><span class="camo">596</span></p>
<p>
<span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#"><img src="images/caserver_05.jpg" />
<a href="#">
<img src="images/caserver_05.jpg" />
<p class="tx">癌症护理</p>
<p><span class="camo">596</span></p>
<p>
<span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#"><img src="images/caserver_07.jpg" />
<a href="#">
<img src="images/caserver_07.jpg" />
<p class="tx">帕金森护理</p>
<p><span class="camo">596</span></p>
<p>
<span class="camo">596</span></p>
</a>
</li>
<li>
<a href="#"><img src="images/caserver_07.jpg" />
<a href="#">
<img src="images/caserver_07.jpg" />
<p class="tx">帕金森护理</p>
<p><span class="camo">596</span></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
... ...
... ... @@ -59,6 +59,7 @@ body{
}
.minbox{
padding:0.15rem;
overflow: hidden;
}
.mari{
margin-left:0.22rem;
... ...
... ... @@ -136,7 +136,7 @@
</a>
</li>
<li>
<a href="rehab.html.html">
<a href="rehab.html">
<img src="images/nav_03.png" />
<p>慢病康护</p>
</a>
... ...
... ... @@ -118,9 +118,9 @@
code: code
}, function (res) {
console.log(res)
if(res.code == 1){
if (res.code == 1) {
}else if (res.code == 0){
} else if (res.code == 0) {
let loading = weui.loading(res.msg)
setTimeout(function () {
loading.hide();
... ... @@ -142,13 +142,27 @@
}
}))
// 快捷登陆操作
// 密码登陆操作
$(".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 () {
... ...
... ... @@ -6,8 +6,16 @@
<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>
... ... @@ -53,157 +61,6 @@
</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>
... ... @@ -248,5 +105,62 @@
</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)
} else if (res.code == 0) {
let loading = weui.loading(res.msg)
setTimeout(function () {
loading.hide();
}, 1500);
}
});
})
</script>
</body>
\ No newline at end of file
... ...