rehab.html 6.3 KB
<!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){
                        
                    }
                    // $(".capart2 .camg .center")

                } else if (res.code == 0) {
                    let loading = weui.loading(res.msg)
                    setTimeout(function () {
                        loading.hide();
                    }, 1500);
                }

            });
        })

    </script>
</body>