作者 李铮

“备注”

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <html xmlns="http://www.w3.org/1999/xhtml">
3 3
4 - <head> 4 +<head>
5 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"> 5 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7 <link rel="stylesheet" type="text/css" href="css/base.css" /> 7 <link rel="stylesheet" type="text/css" href="css/base.css" />
8 <link rel="stylesheet" type="text/css" href="css/style.css" /> 8 <link rel="stylesheet" type="text/css" href="css/style.css" />
  9 + <link rel="stylesheet" href="css/weui.css">
9 <script src="js/base.js" type="text/javascript" charset="utf-8"></script> 10 <script src="js/base.js" type="text/javascript" charset="utf-8"></script>
  11 + <script src="js/common.js"></script>
10 <title>专业护理</title> 12 <title>专业护理</title>
11 - </head>  
12 - <style type="text/css"> 13 +</head>
  14 +<style type="text/css">
13 .cali1 ul li { 15 .cali1 ul li {
14 width: 31%; 16 width: 31%;
15 overflow: hidden; 17 overflow: hidden;
@@ -43,59 +45,87 @@ @@ -43,59 +45,87 @@
43 border-bottom: 1px solid #EBEBEB; 45 border-bottom: 1px solid #EBEBEB;
44 padding-left: 0.16rem; 46 padding-left: 0.16rem;
45 } 47 }
46 - .style_item:nth-child(odd){ 48 +
  49 + .style_item:nth-child(odd) {
47 border-right: 1px solid #EBEBEB; 50 border-right: 1px solid #EBEBEB;
48 } 51 }
  52 +
49 .catitle { 53 .catitle {
50 line-height: 0.3rem; 54 line-height: 0.3rem;
51 margin-bottom: 0.08rem; 55 margin-bottom: 0.08rem;
52 } 56 }
  57 +
53 .cadesc { 58 .cadesc {
54 width: 2.3rem; 59 width: 2.3rem;
55 text-overflow: ellipsis; 60 text-overflow: ellipsis;
56 white-space: nowrap; 61 white-space: nowrap;
57 overflow: hidden; 62 overflow: hidden;
58 } 63 }
59 - .cali ul li{ 64 +
  65 + .cali ul li {
60 margin-left: 0.49rem 66 margin-left: 0.49rem
61 } 67 }
62 - .cali ul li:nth-child(4n){ 68 +
  69 + .cali ul li:nth-child(4n) {
63 margin-left: 0; 70 margin-left: 0;
64 } 71 }
65 - .cali ul li:first-child{ 72 +
  73 + .cali ul li:first-child {
66 margin-left: 0; 74 margin-left: 0;
67 } 75 }
68 - </style> 76 +</style>
69 77
70 - <body> 78 +<body>
71 <div class="header center"> 79 <div class="header center">
72 <div class="left back"> 80 <div class="left back">
73 - <a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg" /></a> 81 + <a href="#" onClick="javascript:history.back(-1);">
  82 + <img src="images/care_03.jpg" />
  83 + </a>
74 </div> 84 </div>
75 <div class="headertext">专业护理</div> 85 <div class="headertext">专业护理</div>
76 - <div class="banner"><img src="images/care_06.jpg" /></div> 86 + <div class="banner">
  87 + <img src="images/care_06.jpg" />
  88 + </div>
77 </div> 89 </div>
78 <!--capart1--> 90 <!--capart1-->
79 <div class="capart1"> 91 <div class="capart1">
80 <div class="box"> 92 <div class="box">
81 - <P class="parttitle"><span class="c1">专业</span><span class="c2">护理</span> <span class="c3">| &nbsp;优质上门护理服务推荐</span></P> 93 + <P class="parttitle">
  94 + <span class="c1">专业</span>
  95 + <span class="c2">护理</span>
  96 + <span class="c3">| &nbsp;优质上门护理服务推荐</span>
  97 + </P>
82 <div class="camg cali1"> 98 <div class="camg cali1">
83 <ul class="center"> 99 <ul class="center">
84 - <li>  
85 - <a href="home.html.html"> 100 + <!-- <li>
  101 + <a href="home.html">
  102 + <img src="images/camg_03.jpg" />
  103 + </a>
  104 + </li> -->
  105 + <!-- <li>
  106 + <a href="home.html">
86 <p class="tx">居家照护</p> 107 <p class="tx">居家照护</p>
87 - <p><span class="camo">270</span>元起</p><img src="images/camg_03.jpg" /></a>  
88 - </li>  
89 - <li> 108 + <p>
  109 + <span class="camo">270</span>元起</p>
  110 + <img src="images/camg_03.jpg" />
  111 + </a>
  112 + </li> -->
  113 + <!-- <li>
90 <a href="#"> 114 <a href="#">
91 <p class="tx">住院照护</p> 115 <p class="tx">住院照护</p>
92 - <p><span class="camo">300</span>元起</p><img src="images/camg_05.jpg" /></a> 116 + <p>
  117 + <span class="camo">300</span>元起</p>
  118 + <img src="images/camg_05.jpg" />
  119 + </a>
93 </li> 120 </li>
94 <li> 121 <li>
95 <a href="#"> 122 <a href="#">
96 <p class="tx">陪诊</p> 123 <p class="tx">陪诊</p>
97 - <p><span class="camo">210</span>元起</p><img src="images/camg_07.jpg" /></a>  
98 - </li> 124 + <p>
  125 + <span class="camo">210</span>元起</p>
  126 + <img src="images/camg_07.jpg" />
  127 + </a>
  128 + </li> -->
99 </ul> 129 </ul>
100 </div> 130 </div>
101 </div> 131 </div>
@@ -110,7 +140,7 @@ @@ -110,7 +140,7 @@
110 <P class="cadesc">提供皮下及肌肉注射</P> 140 <P class="cadesc">提供皮下及肌肉注射</P>
111 </div> 141 </div>
112 </div> 142 </div>
113 - <div class="style_item"> 143 + <!-- <div class="style_item">
114 <img src="images/cali_09.jpg" class="left" /> 144 <img src="images/cali_09.jpg" class="left" />
115 <div class="left"> 145 <div class="left">
116 <P class="catitle">上门打针</P> 146 <P class="catitle">上门打针</P>
@@ -144,43 +174,98 @@ @@ -144,43 +174,98 @@
144 <P class="catitle">上门打针</P> 174 <P class="catitle">上门打针</P>
145 <P class="cadesc">提供皮下及肌肉注射</P> 175 <P class="cadesc">提供皮下及肌肉注射</P>
146 </div> 176 </div>
147 - </div> 177 + </div> -->
148 </div> 178 </div>
149 179
150 </div> 180 </div>
151 <!--capart3--> 181 <!--capart3-->
152 <div class="capart3"> 182 <div class="capart3">
153 <div class="box"> 183 <div class="box">
154 - <P class="parttitle" style="display: flex;align-items: baseline;"><span class="c1">相关</span><span class="c2">服务</span> <span class="c3">| &nbsp;更多优质服务推介</span></P>  
155 - <div class="camg cali">  
156 - <ul class="center" style="display: flex; justify-content: flex-start;flex-wrap: wrap;"> 184 + <P class="parttitle" style="display: flex;align-items: baseline;">
  185 + <span class="c1">相关</span>
  186 + <span class="c2">服务</span>
  187 + <span class="c3">| &nbsp;更多优质服务推介</span>
  188 + </P>
  189 + <div class="camg cali relatedService">
  190 + <ul class="center" style="display: flex;justify-content: flex-start;flex-wrap: wrap;">
157 <li> 191 <li>
158 - <a href="#"><img src="images/caserver_03.jpg" /> 192 + <a href="#">
  193 + <img src="images/caserver_03.jpg" />
159 <p class="tx">老年痴呆护理</p> 194 <p class="tx">老年痴呆护理</p>
160 - <p><span class="camo">596</span></p> 195 + <p>
  196 + <span class="camo">596</span></p>
161 </a> 197 </a>
162 </li> 198 </li>
163 <li> 199 <li>
164 - <a href="#"><img src="images/caserver_05.jpg" /> 200 + <a href="#">
  201 + <img src="images/caserver_05.jpg" />
165 <p class="tx">癌症护理</p> 202 <p class="tx">癌症护理</p>
166 - <p><span class="camo">596</span></p> 203 + <p>
  204 + <span class="camo">596</span></p>
167 </a> 205 </a>
168 </li> 206 </li>
169 <li> 207 <li>
170 - <a href="#"><img src="images/caserver_07.jpg" /> 208 + <a href="#">
  209 + <img src="images/caserver_07.jpg" />
171 <p class="tx">帕金森护理</p> 210 <p class="tx">帕金森护理</p>
172 - <p><span class="camo">596</span></p> 211 + <p>
  212 + <span class="camo">596</span></p>
173 </a> 213 </a>
174 </li> 214 </li>
175 <li> 215 <li>
176 - <a href="#"><img src="images/caserver_07.jpg" /> 216 + <a href="#">
  217 + <img src="images/caserver_07.jpg" />
177 <p class="tx">帕金森护理</p> 218 <p class="tx">帕金森护理</p>
178 - <p><span class="camo">596</span></p> 219 + <p>
  220 + <span class="camo">596</span></p>
179 </a> 221 </a>
180 </li> 222 </li>
181 </ul> 223 </ul>
182 </div> 224 </div>
183 </div> 225 </div>
184 </div> 226 </div>
  227 + <script src="js/jquery-3.3.1.min.js"></script>
  228 + <script src="js/weui.js"></script>
  229 + <script>
  230 + $(function () {
  231 + let loading = weui.loading("加载中")
  232 +
  233 + sendAjax('post', 'portal/Goods/getCatInfo', {
  234 + cid: 1
  235 + }, function (res) {
  236 + if (res.code == 1) {
  237 + loading.hide();
  238 + var data = res.data
  239 + console.log(data)
  240 + $(".headertext").html(data.name)
  241 + $(".banner").find("img").attr("src",data.img)
  242 + // 专业护理
  243 + let html = '';
  244 + for(let n in data.introduce){
  245 + html += `<li><a href="home.html"><img src="${data.introduce[n].img}" /></a></li>`
  246 + }
  247 + $(".cali1 .center").html(html)
  248 + // 相关服务
  249 + let htmlTwo = "";
  250 + for (let n in data.related_service) {
  251 + htmlTwo += `<li><a href="home.html"><img src="${data.related_service[n].img}" /></a></li>`
  252 + }
  253 + $(".relatedService .center").html(htmlTwo)
  254 + // 上门打针列表 专业护理下
  255 + let htmlThree = "";
  256 + for (let n in data.goods) {
  257 + 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>`
  258 + }
  259 + $(".capart2 .style_list").html(htmlThree)
  260 + } else if (res.code == 0) {
  261 + let loading = weui.loading(res.msg)
  262 + setTimeout(function () {
  263 + loading.hide();
  264 + }, 1500);
  265 + }
  266 +
  267 + });
  268 + })
185 269
186 - </body>  
  270 + </script>
  271 +</body>
@@ -59,6 +59,7 @@ body{ @@ -59,6 +59,7 @@ body{
59 } 59 }
60 .minbox{ 60 .minbox{
61 padding:0.15rem; 61 padding:0.15rem;
  62 + overflow: hidden;
62 } 63 }
63 .mari{ 64 .mari{
64 margin-left:0.22rem; 65 margin-left:0.22rem;
@@ -136,7 +136,7 @@ @@ -136,7 +136,7 @@
136 </a> 136 </a>
137 </li> 137 </li>
138 <li> 138 <li>
139 - <a href="rehab.html.html"> 139 + <a href="rehab.html">
140 <img src="images/nav_03.png" /> 140 <img src="images/nav_03.png" />
141 <p>慢病康护</p> 141 <p>慢病康护</p>
142 </a> 142 </a>
@@ -118,9 +118,9 @@ @@ -118,9 +118,9 @@
118 code: code 118 code: code
119 }, function (res) { 119 }, function (res) {
120 console.log(res) 120 console.log(res)
121 - if(res.code == 1){ 121 + if (res.code == 1) {
122 122
123 - }else if (res.code == 0){ 123 + } else if (res.code == 0) {
124 let loading = weui.loading(res.msg) 124 let loading = weui.loading(res.msg)
125 setTimeout(function () { 125 setTimeout(function () {
126 loading.hide(); 126 loading.hide();
@@ -142,13 +142,27 @@ @@ -142,13 +142,27 @@
142 } 142 }
143 143
144 })) 144 }))
145 - // 快捷登陆操作 145 + // 密码登陆操作
146 $(".lobutTwo").on("click", (function () { 146 $(".lobutTwo").on("click", (function () {
147 var phone = $("#phone2").val(); 147 var phone = $("#phone2").val();
148 var code = $("#code2").val(); 148 var code = $("#code2").val();
149 if (phone != "") { 149 if (phone != "") {
150 if (code != "") { 150 if (code != "") {
  151 + sendAjax('post', 'home/index/loginByPass', {
  152 + tel: phone,
  153 + code: code
  154 + }, function (res) {
  155 + console.log(res)
  156 + if (res.code == 1) {
151 157
  158 + } else if (res.code == 0) {
  159 + let loading = weui.loading(res.msg)
  160 + setTimeout(function () {
  161 + loading.hide();
  162 + }, 1500);
  163 + }
  164 +
  165 + });
152 } else { 166 } else {
153 let loading = weui.loading("请填写密码") 167 let loading = weui.loading("请填写密码")
154 setTimeout(function () { 168 setTimeout(function () {
@@ -6,8 +6,16 @@ @@ -6,8 +6,16 @@
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7 <link rel="stylesheet" type="text/css" href="css/base.css" /> 7 <link rel="stylesheet" type="text/css" href="css/base.css" />
8 <link rel="stylesheet" type="text/css" href="css/style.css" /> 8 <link rel="stylesheet" type="text/css" href="css/style.css" />
  9 + <link rel="stylesheet" href="css/weui.css">
  10 + <script src="js/common.js"></script>
9 <script src="js/base.js"></script> 11 <script src="js/base.js"></script>
10 <title>慢病康护</title> 12 <title>慢病康护</title>
  13 + <style>
  14 + .remg li {
  15 + overflow: hidden;
  16 + list-style: none;
  17 + }
  18 + </style>
11 </head> 19 </head>
12 20
13 <body> 21 <body>
@@ -53,157 +61,6 @@ @@ -53,157 +61,6 @@
53 </div> 61 </div>
54 </li> 62 </li>
55 63
56 - <li>  
57 - <a href="#">  
58 - <img src="images/rehabli_06.jpg" class="left mari" />  
59 - </a>  
60 - <div class="corigt left">  
61 - <a href="#">  
62 - <span>糖尿病康护</span>  
63 - <p>因糖尿病引起的肾病、眼底病变、脑病、心脏...</p>  
64 - </a>  
65 - <p class="minute">  
66 - <span>  
67 - <img src="images/rebmin_03.png">专业方法</span>  
68 - <span>  
69 - <img src="images/rebmin_05.png">医学康复</span>  
70 - </p>  
71 - <p class="price">¥8686</p>  
72 - </div>  
73 - </li>  
74 -  
75 - <li>  
76 - <a href="#">  
77 - <img src="images/rehabli_08.jpg" class="left mari" />  
78 - </a>  
79 - <div class="corigt left">  
80 - <a href="#">  
81 - <span>中风康护</span>  
82 - <p>专业技术方法指导中风康复训练,提升健康质...</p>  
83 - </a>  
84 - <p class="minute">  
85 - <span>  
86 - <img src="images/rebmin_03.png">专业方法</span>  
87 - <span>  
88 - <img src="images/rebmin_05.png">医学康复</span>  
89 - </p>  
90 - <p class="price">¥8686</p>  
91 - </div>  
92 - </li>  
93 -  
94 - <li>  
95 - <a href="#">  
96 - <img src="images/rehabli_10.jpg" class="left mari" />  
97 - </a>  
98 - <div class="corigt left">  
99 - <a href="#">  
100 - <span>帕金森康护</span>  
101 - <p>专业技术方法指导和训练自我保护能力,维护...</p>  
102 - </a>  
103 - <p class="minute">  
104 - <span>  
105 - <img src="images/rebmin_03.png">专业方法</span>  
106 - <span>  
107 - <img src="images/rebmin_05.png">医学康复</span>  
108 - </p>  
109 - <p class="price">¥8686</p>  
110 - </div>  
111 - </li>  
112 -  
113 - <li>  
114 - <a href="#">  
115 - <img src="images/rehabli_12.jpg" class="left mari" />  
116 - </a>  
117 - <div class="corigt left">  
118 - <a href="#">  
119 - <span>老年痴呆康护</span>  
120 - <p>专业技术方法指导和训练自我料理能力,维护...</p>  
121 - </a>  
122 - <p class="minute">  
123 - <span>  
124 - <img src="images/rebmin_03.png">专业方法</span>  
125 - <span>  
126 - <img src="images/rebmin_05.png">医学康复</span>  
127 - </p>  
128 - <p class="price">¥8686</p>  
129 - </div>  
130 - </li>  
131 -  
132 - <li>  
133 - <a href="#">  
134 - <img src="images/rehabli_14.jpg" class="left mari" />  
135 - </a>  
136 - <div class="corigt left">  
137 - <a href="#">  
138 - <span>慢性肾功能衰竭康护</span>  
139 - <p>指导自我护理、观察病情变化</p>  
140 - </a>  
141 - <p class="minute">  
142 - <span>  
143 - <img src="images/rebmin_03.png">专业方法</span>  
144 - <span>  
145 - <img src="images/rebmin_05.png">医学康复</span>  
146 - </p>  
147 - <p class="price">¥8686</p>  
148 - </div>  
149 - </li>  
150 -  
151 - <li>  
152 - <a href="#">  
153 - <img src="images/rehabli_16.jpg" class="left mari" />  
154 - </a>  
155 - <div class="corigt left">  
156 - <a href="#">  
157 - <span>慢性呼吸系统疾病康护</span>  
158 - <p>指导改善肺功能训练、提高健康质量</p>  
159 - </a>  
160 - <p class="minute">  
161 - <span>  
162 - <img src="images/rebmin_03.png">专业方法</span>  
163 - <span>  
164 - <img src="images/rebmin_05.png">医学康复</span>  
165 - </p>  
166 - <p class="price">¥8686</p>  
167 - </div>  
168 - </li>  
169 -  
170 - <li>  
171 - <a href="#">  
172 - <img src="images/rehabli_18.jpg" class="left mari" />  
173 - </a>  
174 - <div class="corigt left">  
175 - <a href="#">  
176 - <span>运动损伤康护</span>  
177 - <p>缓解肌肉损伤后的疼痛,帮助运动损伤的后的...</p>  
178 - </a>  
179 - <p class="minute">  
180 - <span>  
181 - <img src="images/rebmin_03.png">专业方法</span>  
182 - <span>  
183 - <img src="images/rebmin_05.png">医学康复</span>  
184 - </p>  
185 - <p class="price">¥8686</p>  
186 - </div>  
187 - </li>  
188 -  
189 - <li>  
190 - <a href="#">  
191 - <img src="images/rehabli_20.png" class="left mari" />  
192 - </a>  
193 - <div class="corigt left">  
194 - <a href="#">  
195 - <span>骨科康复</span>  
196 - <p>恢复肌肉收缩、关节运动的生理效应</p>  
197 - </a>  
198 - <p class="minute">  
199 - <span>  
200 - <img src="images/rebmin_03.png">专业方法</span>  
201 - <span>  
202 - <img src="images/rebmin_05.png">医学康复</span>  
203 - </p>  
204 - <p class="price">¥8686</p>  
205 - </div>  
206 - </li>  
207 </ul> 64 </ul>
208 </div> 65 </div>
209 </div> 66 </div>
@@ -248,5 +105,62 @@ @@ -248,5 +105,62 @@
248 </div> 105 </div>
249 106
250 107
251 - 108 + <script src="js/jquery-3.3.1.min.js"></script>
  109 + <script src="js/weui.js"></script>
  110 + <script>
  111 + $(function () {
  112 + let loading = weui.loading("加载中")
  113 + sendAjax('post', 'portal/Goods/getCatInfo2', {
  114 + cid: 2
  115 + }, function (res) {
  116 + if (res.code == 1) {
  117 + loading.hide();
  118 + var data = res.data
  119 + console.log(data)
  120 + // 本页title
  121 + $(".headertext").html(data.name)
  122 + // banner
  123 + $(".banner").find("img").attr("src", data.img)
  124 + // 康复服务列表
  125 + var html = ""
  126 + var htmls = ""
  127 + for (var n in data.goods) {
  128 +
  129 + for(var j in data.goods[n].tag){
  130 + htmls += `<span>
  131 + <img src="${data.goods[n].tag[j].url}">${data.goods[n].tag[j].text}</span>`
  132 +
  133 + }
  134 + html += `<li data-good_id="${data.goods[n].good_id}">
  135 + <a href="#" >
  136 + <img src="images/rehabli_03.jpg" class="left mari" />
  137 + </a>
  138 + <div class="corigt left">
  139 + <a href="#">
  140 + <span>${data.goods[n].other_title}</span>
  141 + <p>
  142 + ${data.goods[n].post_title}
  143 + </p>
  144 + </a>
  145 + <p class="minute">
  146 + ${htmls}
  147 + </p>
  148 + <p class="price">¥${data.goods[n].real_price}</p>
  149 + </div>
  150 + </li>`
  151 + htmls = ""
  152 + }
  153 + console.log(htmls)
  154 + $(".remg").html(html)
  155 + } else if (res.code == 0) {
  156 + let loading = weui.loading(res.msg)
  157 + setTimeout(function () {
  158 + loading.hide();
  159 + }, 1500);
  160 + }
  161 +
  162 + });
  163 + })
  164 +
  165 + </script>
252 </body> 166 </body>