作者 李铮

“备注”

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>  
5 - <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">  
6 - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
7 - <link rel="stylesheet" type="text/css" href="css/base.css" />  
8 - <link rel="stylesheet" type="text/css" href="css/style.css" />  
9 - <script src="js/base.js" type="text/javascript" charset="utf-8"></script>  
10 - <title>专业护理</title>  
11 - </head>  
12 - <style type="text/css">  
13 - .cali1 ul li {  
14 - width: 31%;  
15 - overflow: hidden;  
16 - }  
17 -  
18 - .item_list {  
19 - display: flex;  
20 - flex-wrap: wrap;  
21 - }  
22 -  
23 - .style_list img {  
24 - width: 0.87rem;  
25 - margin-left: 0.1rem;  
26 - margin-right: 0.1rem;  
27 - }  
28 -  
29 - .style_list {  
30 - display: flex;  
31 - flex-wrap: wrap;  
32 - width: 100%;  
33 - padding: 0.1rem 0;  
34 - }  
35 -  
36 - .style_item {  
37 - height: 1.5rem;  
38 - display: flex;  
39 - align-items: center;  
40 - width: 3.68rem;  
41 - box-sizing: border-box;  
42 - padding: 0.24rem 0;  
43 - border-bottom: 1px solid #EBEBEB;  
44 - padding-left: 0.16rem;  
45 - }  
46 - .style_item:nth-child(odd){  
47 - border-right: 1px solid #EBEBEB;  
48 - }  
49 - .catitle {  
50 - line-height: 0.3rem;  
51 - margin-bottom: 0.08rem;  
52 - }  
53 - .cadesc {  
54 - width: 2.3rem;  
55 - text-overflow: ellipsis;  
56 - white-space: nowrap;  
57 - overflow: hidden;  
58 - }  
59 - .cali ul li{  
60 - margin-left: 0.49rem  
61 - }  
62 - .cali ul li:nth-child(4n){  
63 - margin-left: 0;  
64 - }  
65 - .cali ul li:first-child{  
66 - margin-left: 0;  
67 - }  
68 - </style>  
69 -  
70 - <body>  
71 - <div class="header center">  
72 - <div class="left back">  
73 - <a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg" /></a>  
74 - </div>  
75 - <div class="headertext">专业护理</div>  
76 - <div class="banner"><img src="images/care_06.jpg" /></div> 4 +<head>
  5 + <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  6 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7 + <link rel="stylesheet" type="text/css" href="css/base.css" />
  8 + <link rel="stylesheet" type="text/css" href="css/style.css" />
  9 + <link rel="stylesheet" href="css/weui.css">
  10 + <script src="js/base.js" type="text/javascript" charset="utf-8"></script>
  11 + <script src="js/common.js"></script>
  12 + <title>专业护理</title>
  13 +</head>
  14 +<style type="text/css">
  15 + .cali1 ul li {
  16 + width: 31%;
  17 + overflow: hidden;
  18 + }
  19 +
  20 + .item_list {
  21 + display: flex;
  22 + flex-wrap: wrap;
  23 + }
  24 +
  25 + .style_list img {
  26 + width: 0.87rem;
  27 + margin-left: 0.1rem;
  28 + margin-right: 0.1rem;
  29 + }
  30 +
  31 + .style_list {
  32 + display: flex;
  33 + flex-wrap: wrap;
  34 + width: 100%;
  35 + padding: 0.1rem 0;
  36 + }
  37 +
  38 + .style_item {
  39 + height: 1.5rem;
  40 + display: flex;
  41 + align-items: center;
  42 + width: 3.68rem;
  43 + box-sizing: border-box;
  44 + padding: 0.24rem 0;
  45 + border-bottom: 1px solid #EBEBEB;
  46 + padding-left: 0.16rem;
  47 + }
  48 +
  49 + .style_item:nth-child(odd) {
  50 + border-right: 1px solid #EBEBEB;
  51 + }
  52 +
  53 + .catitle {
  54 + line-height: 0.3rem;
  55 + margin-bottom: 0.08rem;
  56 + }
  57 +
  58 + .cadesc {
  59 + width: 2.3rem;
  60 + text-overflow: ellipsis;
  61 + white-space: nowrap;
  62 + overflow: hidden;
  63 + }
  64 +
  65 + .cali ul li {
  66 + margin-left: 0.49rem
  67 + }
  68 +
  69 + .cali ul li:nth-child(4n) {
  70 + margin-left: 0;
  71 + }
  72 +
  73 + .cali ul li:first-child {
  74 + margin-left: 0;
  75 + }
  76 +</style>
  77 +
  78 +<body>
  79 + <div class="header center">
  80 + <div class="left back">
  81 + <a href="#" onClick="javascript:history.back(-1);">
  82 + <img src="images/care_03.jpg" />
  83 + </a>
77 </div> 84 </div>
78 - <!--capart1-->  
79 - <div class="capart1">  
80 - <div class="box">  
81 - <P class="parttitle"><span class="c1">专业</span><span class="c2">护理</span> <span class="c3">| &nbsp;优质上门护理服务推荐</span></P>  
82 - <div class="camg cali1">  
83 - <ul class="center">  
84 - <li>  
85 - <a href="home.html.html">  
86 - <p class="tx">居家照护</p>  
87 - <p><span class="camo">270</span>元起</p><img src="images/camg_03.jpg" /></a>  
88 - </li>  
89 - <li>  
90 - <a href="#">  
91 - <p class="tx">住院照护</p>  
92 - <p><span class="camo">300</span>元起</p><img src="images/camg_05.jpg" /></a>  
93 - </li>  
94 - <li>  
95 - <a href="#">  
96 - <p class="tx">陪诊</p>  
97 - <p><span class="camo">210</span>元起</p><img src="images/camg_07.jpg" /></a>  
98 - </li>  
99 - </ul>  
100 - </div> 85 + <div class="headertext">专业护理</div>
  86 + <div class="banner">
  87 + <img src="images/care_06.jpg" />
  88 + </div>
  89 + </div>
  90 + <!--capart1-->
  91 + <div class="capart1">
  92 + <div class="box">
  93 + <P class="parttitle">
  94 + <span class="c1">专业</span>
  95 + <span class="c2">护理</span>
  96 + <span class="c3">| &nbsp;优质上门护理服务推荐</span>
  97 + </P>
  98 + <div class="camg cali1">
  99 + <ul class="center">
  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">
  107 + <p class="tx">居家照护</p>
  108 + <p>
  109 + <span class="camo">270</span>元起</p>
  110 + <img src="images/camg_03.jpg" />
  111 + </a>
  112 + </li> -->
  113 + <!-- <li>
  114 + <a href="#">
  115 + <p class="tx">住院照护</p>
  116 + <p>
  117 + <span class="camo">300</span>元起</p>
  118 + <img src="images/camg_05.jpg" />
  119 + </a>
  120 + </li>
  121 + <li>
  122 + <a href="#">
  123 + <p class="tx">陪诊</p>
  124 + <p>
  125 + <span class="camo">210</span>元起</p>
  126 + <img src="images/camg_07.jpg" />
  127 + </a>
  128 + </li> -->
  129 + </ul>
101 </div> 130 </div>
102 </div> 131 </div>
103 - <!--capart2-->  
104 - <div class="capart2">  
105 - <div class="style_list">  
106 - <div class="style_item">  
107 - <img src="images/cali_03.jpg" class="left" />  
108 - <div class="left">  
109 - <P class="catitle">上门打针</P>  
110 - <P class="cadesc">提供皮下及肌肉注射</P>  
111 - </div>  
112 - </div>  
113 - <div class="style_item">  
114 - <img src="images/cali_09.jpg" class="left" />  
115 - <div class="left">  
116 - <P class="catitle">上门打针</P>  
117 - <P class="cadesc">提供皮下及肌肉注射</P>  
118 - </div> 132 + </div>
  133 + <!--capart2-->
  134 + <div class="capart2">
  135 + <div class="style_list">
  136 + <div class="style_item">
  137 + <img src="images/cali_03.jpg" class="left" />
  138 + <div class="left">
  139 + <P class="catitle">上门打针</P>
  140 + <P class="cadesc">提供皮下及肌肉注射</P>
119 </div> 141 </div>
120 - <div class="style_item">  
121 - <img src="images/cali_05.jpg" class="left" />  
122 - <div class="left">  
123 - <P class="catitle">上门打针</P>  
124 - <P class="cadesc">提供皮下及肌肉注射</P>  
125 - </div> 142 + </div>
  143 + <!-- <div class="style_item">
  144 + <img src="images/cali_09.jpg" class="left" />
  145 + <div class="left">
  146 + <P class="catitle">上门打针</P>
  147 + <P class="cadesc">提供皮下及肌肉注射</P>
126 </div> 148 </div>
127 - <div class="style_item">  
128 - <img src="images/cali_03.jpg" class="left" />  
129 - <div class="left">  
130 - <P class="catitle">上门打针</P>  
131 - <P class="cadesc">提供皮下及肌肉注射</P>  
132 - </div> 149 + </div>
  150 + <div class="style_item">
  151 + <img src="images/cali_05.jpg" class="left" />
  152 + <div class="left">
  153 + <P class="catitle">上门打针</P>
  154 + <P class="cadesc">提供皮下及肌肉注射</P>
133 </div> 155 </div>
134 - <div class="style_item">  
135 - <img src="images/cali_09.jpg" class="left" />  
136 - <div class="left">  
137 - <P class="catitle">上门打针</P>  
138 - <P class="cadesc">提供皮下及肌肉注射</P>  
139 - </div> 156 + </div>
  157 + <div class="style_item">
  158 + <img src="images/cali_03.jpg" class="left" />
  159 + <div class="left">
  160 + <P class="catitle">上门打针</P>
  161 + <P class="cadesc">提供皮下及肌肉注射</P>
140 </div> 162 </div>
141 - <div class="style_item">  
142 - <img src="images/cali_05.jpg" class="left" />  
143 - <div class="left">  
144 - <P class="catitle">上门打针</P>  
145 - <P class="cadesc">提供皮下及肌肉注射</P>  
146 - </div> 163 + </div>
  164 + <div class="style_item">
  165 + <img src="images/cali_09.jpg" class="left" />
  166 + <div class="left">
  167 + <P class="catitle">上门打针</P>
  168 + <P class="cadesc">提供皮下及肌肉注射</P>
147 </div> 169 </div>
148 </div> 170 </div>
149 -  
150 - </div>  
151 - <!--capart3-->  
152 - <div class="capart3">  
153 - <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;">  
157 - <li>  
158 - <a href="#"><img src="images/caserver_03.jpg" />  
159 - <p class="tx">老年痴呆护理</p>  
160 - <p><span class="camo">596</span></p>  
161 - </a>  
162 - </li>  
163 - <li>  
164 - <a href="#"><img src="images/caserver_05.jpg" />  
165 - <p class="tx">癌症护理</p>  
166 - <p><span class="camo">596</span></p>  
167 - </a>  
168 - </li>  
169 - <li>  
170 - <a href="#"><img src="images/caserver_07.jpg" />  
171 - <p class="tx">帕金森护理</p>  
172 - <p><span class="camo">596</span></p>  
173 - </a>  
174 - </li>  
175 - <li>  
176 - <a href="#"><img src="images/caserver_07.jpg" />  
177 - <p class="tx">帕金森护理</p>  
178 - <p><span class="camo">596</span></p>  
179 - </a>  
180 - </li>  
181 - </ul> 171 + <div class="style_item">
  172 + <img src="images/cali_05.jpg" class="left" />
  173 + <div class="left">
  174 + <P class="catitle">上门打针</P>
  175 + <P class="cadesc">提供皮下及肌肉注射</P>
182 </div> 176 </div>
  177 + </div> -->
  178 + </div>
  179 +
  180 + </div>
  181 + <!--capart3-->
  182 + <div class="capart3">
  183 + <div class="box">
  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;">
  191 + <li>
  192 + <a href="#">
  193 + <img src="images/caserver_03.jpg" />
  194 + <p class="tx">老年痴呆护理</p>
  195 + <p>
  196 + <span class="camo">596</span></p>
  197 + </a>
  198 + </li>
  199 + <li>
  200 + <a href="#">
  201 + <img src="images/caserver_05.jpg" />
  202 + <p class="tx">癌症护理</p>
  203 + <p>
  204 + <span class="camo">596</span></p>
  205 + </a>
  206 + </li>
  207 + <li>
  208 + <a href="#">
  209 + <img src="images/caserver_07.jpg" />
  210 + <p class="tx">帕金森护理</p>
  211 + <p>
  212 + <span class="camo">596</span></p>
  213 + </a>
  214 + </li>
  215 + <li>
  216 + <a href="#">
  217 + <img src="images/caserver_07.jpg" />
  218 + <p class="tx">帕金森护理</p>
  219 + <p>
  220 + <span class="camo">596</span></p>
  221 + </a>
  222 + </li>
  223 + </ul>
183 </div> 224 </div>
184 </div> 225 </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>
@@ -116,11 +116,11 @@ @@ -116,11 +116,11 @@
116 sendAjax('post', 'home/index/checkSMS', { 116 sendAjax('post', 'home/index/checkSMS', {
117 tel: phone, 117 tel: phone,
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>