service.html 9.6 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>服務項目</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper.min.css">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
</head>
<body>
<div class="box">
    <!--header-->
    <header>
        <include file="public@nav"/>
    </header>
    <!-- 侧边导航-->
    <div class="banner_aside banner_aside2">
        <include file="public@header"/>
    </div>
    <!--main1内容-->
    <div class="ser_main">
        <div class="ser_main_box">
            <!--标题-->
            <div class="ab2_title">
                <a href="{:url('Index/index')}">首頁</a>
                <span> > </span>
                <a href="">服務項目</a>
            </div>
            <!--列表-->
            <div class="ser_main_list">
                <div class="ser_list">
                    <div class="ser_listTitle">
                        <h2>德國抗衰老治療項目(僅限會員)</h2>
                        <p>German Anti-Aging Project</p>
                    </div>
                    <div style="position: relative">
                        <div class="ser_con swiper-container5">
                            <ul class="swiper-wrapper">
                                <volist name="kang_data" id="vo">
                                    <li class="swiper-slide">
                                        <a href="{:url('Service/content',array('id'=>$vo.post_id))}">
                                            <php>$arr=json_decode($vo['more'],true);</php>
                                            <img src="{:cmf_get_image_url($arr.thumbnail)}" alt="">
                                            <h3>{$vo.post_title}</h3>
                                            <p>{$vo.post_excerpt}</p>
                                        </a>
                                    </li>
                                </volist>
                            </ul>
                        </div>
                        <div class="swiper-button-next5"></div>
                        <div class="swiper-button-prev5"></div>
                    </div>
                </div>
            </div>
            <div class="ser_main_list">
                <div class="ser_list">
                    <div class="ser_listTitle">
                        <h2>治疗项目</h2>
                        <p>TREATMENT PROGRAM</p>
                    </div>
                    <div style="position: relative">
                        <div class="ser_con swiper-container3">
                            <ul class="swiper-wrapper">
                                <volist name="zhiliao_data" id="vo">
                                    <li class="swiper-slide">
                                        <a href="{:url('Service/content',array('id'=>$vo.post_id))}">
                                            <php>$arr1=json_decode($vo['more'],true);</php>
                                            <img src="{:cmf_get_image_url($arr1.thumbnail)}" alt="">
                                            <h3>{$vo.post_title}</h3>
                                            <p>{$vo.post_excerpt}</p>
                                        </a>
                                    </li>
                                </volist>
                            </ul>
                        </div>
                        <div class="swiper-button-next3"></div>
                        <div class="swiper-button-prev3"></div>
                    </div>
                </div>
            </div>
            <div class="ser_main_list">
                <div class="ser_list">
                    <div class="ser_listTitle">
                        <h2>医美项目</h2>
                        <p>MEDICAL BEAUTY PROJECT</p>
                    </div>
                    <div style="position: relative">
                        <div class="ser_con swiper-container4">
                            <ul class="swiper-wrapper">
                                <volist name="yimei_data" id="vo">
                                    <li class="swiper-slide">
                                        <a href="{:url('Service/content',array('id'=>$vo.post_id))}">
                                            <php>$arr2=json_decode($vo['more'],true);</php>
                                            <img src="{:cmf_get_image_url($arr2.thumbnail)}" alt="">
                                            <h3>{$vo.post_title}</h3>
                                            <p>{$vo.post_excerpt}</p>
                                        </a>
                                    </li>
                                </volist>
                            </ul>
                        </div>
                        <div class="swiper-button-next4"></div>
                        <div class="swiper-button-prev4"></div>
                    </div>
                </div>
            </div>
            <div class="ser_main_list">
                <div class="ser_list">
                    <div class="ser_listTitle">
                        <h2>体检检测</h2>
                        <p>PHYSICAL EXAMINATION</p>
                    </div>
                    <div style="position: relative">
                        <div class="ser_con swiper-container">
                            <ul class="swiper-wrapper">
                                <volist name="tijian_data" id="vo">
                                    <li class="swiper-slide">
                                        <a href="{:url('Service/content',array('id'=>$vo.post_id))}">
                                            <php>$arr3=json_decode($vo['more'],true);</php>
                                            <img src="{:cmf_get_image_url($arr3.thumbnail)}" alt="">
                                            <h3>{$vo.post_title}</h3>
                                            <p>{$vo.post_excerpt}</p>
                                        </a>
                                    </li>
                                </volist>
                            </ul>
                        </div>
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>
                </div>
            </div>
            <div class="ser_main_list">
                <div class="ser_list">
                    <div class="ser_listTitle">
                        <h2>辅助治疗项目</h2>
                        <p>ADJUVANT THERAPY</p>
                    </div>
                    <div style="position: relative">
                        <div class="ser_con swiper-container2">
                            <ul class="swiper-wrapper">
                                <volist name="fuzhu_data" id="vo">
                                    <li class="swiper-slide">
                                        <a href="{:url('Service/content',array('id'=>$vo.post_id))}">
                                            <php>$arr4=json_decode($vo['more'],true);</php>
                                            <img src="{:cmf_get_image_url($arr4.thumbnail)}" alt="">
                                            <h3>{$vo.post_title}</h3>
                                            <p>{$vo.post_excerpt}</p>
                                        </a>
                                    </li>
                                </volist>

                            </ul>
                        </div>
                        <div class="swiper-button-next2"></div>
                        <div class="swiper-button-prev2"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--footer-->
    <footer>
        <include file="public@footer"/>
    </footer>
</div>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script src="__TMPL__/public/assets/js/index.js"></script>
<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script>
    //德國抗衰老治療項目
    var swiper = new Swiper('.swiper-container5', {
        slidesPerView: 3,
        spaceBetween: 60,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next5',
            prevEl: '.swiper-button-prev5',
        },
    });
    //治疗项目
    var swiper = new Swiper('.swiper-container3', {
        slidesPerView: 3,
        spaceBetween: 60,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next3',
            prevEl: '.swiper-button-prev3',
        },
    });
    // 医美项目
    var swiper = new Swiper('.swiper-container4', {
        slidesPerView: 3,
        spaceBetween: 60,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next4',
            prevEl: '.swiper-button-prev4',
        },
    });
    // 体检检测
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 3,
        spaceBetween: 60,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    //辅助治疗项目
    var swiper = new Swiper('.swiper-container2', {
        slidesPerView: 3,
        spaceBetween: 60,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next2',
            prevEl: '.swiper-button-prev2',
        },
    });

</script>
</body>
</html>