|
Server : nginx/1.20.1 System : Linux iZ2ze9ojcl78uluczwag69Z 4.18.0-240.22.1.el8_3.x86_64 #1 SMP Thu Apr 8 19:01:30 UTC 2021 x86_64 User : www ( 1000) PHP Version : 7.3.28 Disable Function : passthru,exec,system,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv Directory : /www/wwwroot/0531yanglao.com/runtime/index/temp/ |
<?php /*a:3:{s:69:"/www/wwwroot/0531yanglao.com/templates/index/nursing_home_detail.html";i:1705291003;s:56:"/www/wwwroot/0531yanglao.com/templates/index/header.html";i:1703727865;s:56:"/www/wwwroot/0531yanglao.com/templates/index/footer.html";i:1703756011;}*/ ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><?php echo htmlentities($data['seo_t']); ?></title>
<meta name="Description" content="<?php echo htmlentities($data['seo_d']); ?>" />
<meta name="Keywords" content="<?php echo htmlentities($data['seo_k']); ?>" />
<base href="<?php echo server_url(); ?>" />
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="./css/swiper-bundle.css" />
<!--<link rel="stylesheet" href="./css/mui.css" />-->
<!-- <link rel="stylesheet" href="./css/app.css" />-->
<script src="./js/jquery-3.6.0.js"></script>
<script src="/js/map.js"></script>
<script src="./js/clipboard.min.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=kpZUubsNcXzAAnAvxmOgk0BR4Tg3vjqr">
</script>
</head>
<style>
.modal {
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
justify-content: center;
align-items: center;
}
.modal img {
max-width: 80%;
max-height: 80%;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
.rmtj_content {
width: 100% !important;
background-color: #f5f5f5;
padding: 20px 0;
}
.jigoutuijian ul:hover p {
color: #f28731;
}
.xinjia img {
height: 19px !important;
margin: 0 !important;
}
.rmtj_content .wrap {
width: 1200px !important;
margin: 0 auto;
}
/*锚点*/
.neirong h3:before {
content: "";
background: url(../images/tuoyuan.png) no-repeat;
background-size: 15px 15px;
width: 15px;
height: 15px;
position: absolute;
left: -21px;
top: 7px;
}
.button-group button {
padding: 10px 20px;
background-color: transparent;
border: none;
}
.section {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
background: #fff;
margin-bottom: 20px;
width: 100%;
padding: 10px 27px;
/*padding: 130px 0 0 0;*/
box-sizing: border-box;
}
.sections{
padding: 130px 27px 10px 27px!important;
}
.button-group li {
/* width: 100%; */
height: 100%;
line-height: 60px;
padding: 0 35px;
}
.activedetail {
background-color: #f28731;
color: #fff;
}
.fixed {
position: fixed;
top: 59px;
/*left: 0;*/
}
/*图片放大*/
@media all and (max-width: 768px) {
.yycg {
width: 100%;
flex-direction: column;
padding: 0;
}
.yycg_left {
width: 100%;
height: 100%;
}
.yycg_right {
height: 100%;
width: 100%;
}
.yanglaotitle {
font-size: 17px !important;
}
.top-div h5 {
font-size: 12px;
}
.top-div h5 p {
font-size: 12px;
}
.h52 {
width: 100%;
color: #666666;
font-size: 15px;
margin: 10px 0 10px 0;
}
.button1 h5 {
margin-right: 10px;
font-size: 14px;
}
.button1 h5 img {
margin-right: 5px;
height: 19px;
width: auto;
}
.dandudiv {
padding: 0 0 10px 0;
}
.shijan {
align-items: center;
font-size: 17px;
}
.bili {
display: none;
}
/*.bili li {*/
/* width: 100%;*/
/* display: flex;*/
/* font-weight: 500!important;*/
/* font-size: 15px;*/
/* color: #333333;*/
/* justify-content: flex-start;*/
/* align-items: center;*/
/* flex-direction: row;*/
/* border-bottom: 1px solid #e6e6e6;*/
/* padding: 7px 10px;*/
/* margin: 0;*/
/*}*/
.bili li {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 2fr;
grid-template-rows: 1fr;
gap: 10px 10px;
font-weight: 500!important;
font-size: 15px;
color: #333333;
justify-content: flex-start;
align-items: center;
flex-direction: row;
border-bottom: 1px solid #e6e6e6;
padding: 7px 10px;
margin: 0;
}
.bili li span {
font-weight: 500!important;
font-size: 14px!important;
margin-left: 5px;
color: #333333;
}
.bili li:last-child{
display: block;
}
.wapbili li button {
width: 143px;
height: 32px;
background: #1ac1b0;
border: 0;
border-radius: 10px;
margin: 0;
font-weight: 500;
padding: 0;
line-height: 32px;
color: white;
font-size: 14px;
padding: 0 !important;
}
.wapbili li {
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
}
.wapbili p {
font-size: 15px;
padding: 10px 0 0 9px;
}
.wapbeds{
display: block;
}
.neirong {
width: 100%;
height: 100%;
}
.fansi {
width: 100%;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.tab-nursing {
width: 100%;
/* position: relative; */
height: auto;
z-index: 99;
flex-wrap: wrap
}
.section {
padding: 10px;
}
.neirong2 {
width: 100%;
}
.jigoutuijian ul div {
box-sizing: border-box;
display: grid;
grid-template-columns: 2fr 2fr;
grid-template-rows: 1fr;
gap: 10px 10px;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
}
.xinjia span:last-child {
display: block;
}
.button-group li {
width: 20%;
height: 100%;
line-height: 27px;
padding: 9px 9px;
text-align: center;
font-size: 15px;
}
.neirong h3 {
margin-bottom: 15px;
}
.yanglaoyuan_content h3 a {
font-size: 17px;
}
}
</style>
<script>
$(function() {
$('#zhao').addClass('current')
});
</script>
<body>
<!-- 头部 -->
<header>
<div class="head">
<div class="logo">
<img src="images/fanhui.png" class="goback" onclick="goBack()">
<a href="http://yl.jnbinzang.com/">
<h1>济南养老网</h1>
<span>济南养老信息服务平台</span></a>
<img src="images/nav.png" class="but">
</div>
<div class="sadsffd dropdown">
<form method="post" action="<?php echo url('/zyly/'); ?>" class="sadsffd">
<input type="text" id="text" name="keyword" class="dropdown-selected inping" placeholder="输入养老院名称" value=""/>
<button class="search_icon" type="submit" id="search" >
<img src="image/search.png" />
</button>
</form>
</div>
<div class="hd_gw">
<img src="image/headerlogo.png" class="fadeout"/>
<li>
<p id="btnn">咨询养老顾问</p>
0531-8298521
</li>
</div>
</div>
<nav>
<ul>
<a title="首页" href="<?php echo server_url(); ?>" class="current">首页</a>
<a title="找养老站" id="zhao" href="<?php echo url('/nursingHome/index'); ?>">找养老院</a>
<!--<a title="机构地图" href="<?php echo url('/map/index'); ?>">机构地图</a>-->
<a title="旅居养老" id="lv" href="<?php echo url('/sojourn/index'); ?>">旅居养老</a>
<a title="为老服务" id="wei" href="<?php echo url('/service/index'); ?>">为老服务</a>
<a title="养老指南" href="<?php echo url('/guide/index'); ?>">养老指南</a>
<a title="养老资讯" id="yang" href="<?php echo url('/article/index'); ?>">养老资讯</a>
<a title="机构入组" href="<?php echo url('/join/index'); ?>">机构入驻</a>
<a title="关于我们" href="<?php echo url('/about/index'); ?>">关于我们</a>
</ul>
<div class="wapzsyss">
<div class="sadsffd dropdown">
<form method="post" action="<?php echo url('/zyly/'); ?>" class="sadsffd">
<input type="text" id="text" name="keyword" class="dropdown-selected inping" placeholder="输入养老院名称" value=""/>
<button class="search_icon" type="submit" id="search" >
<img src="image/search.png" />
</button>
</form>
</div>
<div class="hd_gw">
<img src="image/headerlogo.png" class="fadeout"/>
<li>
<p id="btnn">咨询养老顾问</p>
0531-8298521
</li>
</div>
</div>
</nav>
</header>
<!-- 指定养老方案 -->
<div class="login loginss" style="display: none">
<div class="login_content">
<h1>填写老人信息</h1>
<p>别担心，您填写的信息会严格保密，仅根据老人实际情况匹配合适的养老机构</p>
<form class="form " method="">
<label class="username"> <input type="text" placeholder="请填写老人姓名" id="username" name="username" /></label>
<label class="age"> <input type="text" placeholder="请填写老人年龄" id="age" name="age" /></label>
<label class="sex"> <select id="sex" name="sex">
<option value="请选择性别">请选择性别</option>
<option value="男">男</option>
<option value="女">女</option>
</select></label>
<label class="open"> <select id="open" name="open">
<option value="">请选择老人生活能力</option>
<option value="好">好</option>
<option value="不好">不好</option>
</select></label>
<label class="sch"> <input type="text" id="sch" name="sch" placeholder="请填写入住预算" /></label>
<label style="width:100%"> <textarea id="textarea" name="textarea" type="text"
placeholder="请填写老人身体情况，疾病史，用药历史"></textarea></label>
<label class="newname"> <input type="text" id="newname" name="newname" placeholder="请填写联系人" /></label>
<label class="scheel"> <select id="scheel" name="scheel">
<option value="请选择性别">和老人关系</option>
<option value="配偶">朋友</option>
<option value="朋友">配偶</option>
<option value="祖孙">祖孙</option>
<option value="父母">父母</option>
</select></label>
<label class="phonea"><input id="phone" name="phone" type="text" placeholder="请填写联系人手机号" maxlength="11" /></label>
<label class="yanzhengma"><input type="" name="verCode" id="verCode" placeholder="请输入验证码" maxlength="6" /><input type="button" name="" id="verCodeBtn" value="获取验证码" onclick="settime(this);" /></label>
<input type="button" id="btn7" value="确认提交">
</form>
<img src="image/guanbi.png" id="close">
</div>
</div>
<div class="heimu"></div>
<script type="text/javascript" charset="utf-8">
// var text = document.querySelector('#text')
// var textval = text.value
// var search = document.querySelector("#search")
// var param= {
// area: textval,
// }
// const urlsearchParams = new URLSearchParams(param).toString();
// search.onclick = function(){
// window.location.href = 'http://yl.jnbinzang.com/nursingHome.html'+'?'+urlsearchParams
// }
</script>
<main class="yanglaoyuan">
<div class="f_home">
<h4>首页/找养老院/<?php echo htmlentities($data['title']); ?></h4>
</div>
<div class="f_home">
<!-- 预约参观 -->
<div class="yycg">
<div class="yycg_left">
<!--<img class="bottomImg" src="<?php echo isset($data['pics'][0]['url']) ? htmlentities($data['pics'][0]['url']) : ''; ?>" alt="" title="">-->
<!--<li>-->
<!-- <?php if(is_array($data['pics']) || $data['pics'] instanceof \think\Collection || $data['pics'] instanceof \think\Paginator): if( count($data['pics'])==0 ) : echo "" ;else: foreach($data['pics'] as $key=>$item): ?>-->
<!-- <img class="smallImg" src="<?php echo htmlentities($item['url']); ?>" alt="<?php echo htmlentities($item['url']); ?>" />-->
<!-- <?php endforeach; endif; else: echo "" ;endif; ?>-->
<div class="swiper mySwiper2">
<div class="swiper-wrapper">
<?php if(is_array($data['pics']) || $data['pics'] instanceof \think\Collection || $data['pics'] instanceof \think\Paginator): if( count($data['pics'])==0 ) : echo "" ;else: foreach($data['pics'] as $key=>$item): ?>
<div class="swiper-slide">
<img class="enlarge-image" src="<?php echo htmlentities($item['url']); ?>" alt="<?php echo htmlentities($data['title']); ?>" title="<?php echo htmlentities($data['title']); ?>" />
</div> <?php endforeach; endif; else: echo "" ;endif; ?>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
<!--模态框-->
<div id="modal" class="modal">
<img id="modal-image" src="" />
</div>
</div>
<div class="yycg_right warpb">
<div class="dandudiv">
<div class="top-div">
<p class="yanglaotitle"><?php echo htmlentities($data['title']); ?></p>
<h5>
评价 (
<p><?php echo htmlentities($data['comprehensive_score']); ?></p>
)
</h5>
</div>
<h5 class="h52" onclick="scrollToSection('section6')"><img src="image/weizhitubiao.svg" />地址:<?php echo htmlentities($data['address']); ?></h5>
<li class="button1">
<?php if(is_array($data['tags_name']) || $data['tags_name'] instanceof \think\Collection || $data['tags_name'] instanceof \think\Paginator): if( count($data['tags_name'])==0 ) : echo "" ;else: foreach($data['tags_name'] as $key=>$name): ?>
<h5 class="btn0<?php echo htmlentities($key + 1); ?>"><img src="./image/duihao0<?php echo htmlentities($key + 1); ?>.svg" alt="" /><?php echo htmlentities($name); ?>
</h5>
<?php endforeach; endif; else: echo "" ;endif; ?>
</li>
</div>
<p class="shijan"><?php echo htmlentities($data['min_price']); ?>-<?php echo htmlentities($data['max_price']); ?>元/月 <span>成立时间:2011-06-03</span></p>
<ul class="bili">
<li><?php echo htmlentities($data['beds']); ?>张 <span>床位</span><button class="wapbeds">查询剩余床位数</button></li>
<li><?php echo htmlentities($data['lnstitutional_nature_name']); ?> <span>机构资质</span></li>
<li><?php echo htmlentities($data['type_name']); ?> <span>机构类型</span></li>
<li><?php echo htmlentities($data['type_name']); ?> <span>成立时间</span></li>
</ul>
<ul class=" wapbili">
<li>机构类型：养老院 </li>
<li>机构性质：民办 </li>
<li>总床位数：1000张 <button>查询剩余床位数</button> </li>
<li>成立时间：</li>
<p>收住对象：半自理 认知型障碍</p>
<!--<li>1000张 <span>床位</span></li>|-->
<!--<li>民办 <span>机构资质</span></li>|-->
<!--<li>养老院 <span>机构类型</span></li>-->
</ul>
<h4>
<p><img src="image/dianhualianxi.png" />电话:123456</p>
<!--<span>机构特色：<?php echo implode(' ', $data['institutional_characteristics_name']); ?></span>-->
<span>收住对象：<?php echo implode(' ', $data['retract_objects_name']); ?></span>
</h4>
<!-- <p class="p">-->
<!-- 月收费区间，费用包括床位、伙食费、价格仅供参考，具体请-->
<!-- 电话咨询。-->
<!--</p>-->
<li style="margin:29px 0 0px 0;">
<button id="btn6">预约参观</button>
<button id="huoqu">获取准确报价</button>
</li>
</div>
</div>
<!-- 机构简介 -->
<div class="yanglaoyuan_content">
<div class="tab-nursing button-group">
<li id="button1" onclick="scrollToSection('section1')" class="activedetail">机构介绍</li>
<li id="button2" onclick="scrollToSection('section2')">服务项目</li>
<li id="button3" onclick="scrollToSection('section3')">收费标准</li>
<li id="button4" onclick="scrollToSection('section4')">入住须知</li>
<li id="button5" onclick="scrollToSection('section5')">配套设施</li>
<li id="button6" onclick="scrollToSection('section6')">养老院相册</li>
<li id="button7" onclick="scrollToSection('section7')">客户点评</li>
</div>
<!--<div style="width:100;height:60px;background-color:pink"></div>-->
<!-- 区域容器 -->
<div class="fansi">
<div class="neirong">
<div id="section1" class="section" >
<h3><a href="javascript:void(0)" id="jigoujianjie">机构介绍 </a></h3>
<p><?php echo $data['content']; ?>
</p>
</div>
<div id="section2" class="section" >
<h3><a href="javascript:void(0)" id="fuwuxiangmu">服务项目</a></h3>
<p>
<?php echo $data['service_content']; ?>
</p>
</div>
<div id="section3" class="section" >
<h3><a href="javascript:void(0)" id="shoufeibiaozhun">收费标准</a></h3>
<p>
</p>
</div>
<div id="section4" class="section" >
<h3><a href="javascript:void(0)" id="ruzhuxuzhi">入住须知</a></h3>
<p>
<?php echo $data['notice_content']; ?>
</p>
</div>
<div id="section5" class="section" >
<h3><a href="javascript:void(0)" id="peitaosheshi">配套设施</a></h3>
<p>
</p>
</div>
</div>
<div class="neirong2">
<div class="jigoutuijian">
<h3><a href="javascript:void(0);"><?php echo implode('', $data['location_name']); ?>机构推荐</a></h3>
<?php if($relation_nursing): if(is_array($relation_nursing) || $relation_nursing instanceof \think\Collection || $relation_nursing instanceof \think\Paginator): if( count($relation_nursing)==0 ) : echo "" ;else: foreach($relation_nursing as $key=>$item): ?>
<ul>
<a href="<?php echo url('/nursingHome/detail',['id'=>$item['nid']]); ?>">
<p> <?php echo htmlentities($item['title']); ?><span>(<?php echo implode('', $item['location_name']); ?>)</span></p>
<div><img src="<?php echo htmlentities($item['filename']); ?>" />
<li class="xinjia">
<span><img src="./image/index01.svg" alt="" />养老院</span>
<span><img src="./image/index02.svg" alt="" /><?php echo htmlentities($item['beds']); ?>张</span>
<span>￥<?php echo htmlentities($item['min_price']); ?>元/月</span>
</li>
</div>
</a>
</ul>
<?php endforeach; endif; else: echo "" ;endif; ?>
<?php endif; ?>
<a href="http://yl.jnbinzang.com/zyly/<?php echo implode('', $data['location']); ?>"
class="center"><button type="button">查看更多</button></a>
</div>
<div class="jigoutuijian jigoutuijian2">
<h3><a href="">机构资讯<p>更多<img src="./image/gengduo.png" alt=""></p></a></h3>
<ul>
<?php if(is_array($relation_article) || $relation_article instanceof \think\Collection || $relation_article instanceof \think\Paginator): if( count($relation_article)==0 ) : echo "" ;else: foreach($relation_article as $key=>$item): ?>
<li><img src="<?php echo htmlentities($item['filename']); ?>" />
<p><a class="zit"
href="<?php echo url('/article/detail',['id'=>$item['article_id']]); ?>"><?php echo htmlentities($item['title']); ?></a>
</p>
</li>
<?php endforeach; endif; else: echo "" ;endif; ?>
</ul>
</div>
<div class="jigoutuijian jigoutuijian3">
<h3><a href="">扫一扫关注养老网</a></h3>
<img src="image/juxing25.png" />
</div>
</div>
</div>
<div class="lianxiwomen section" id="section6">
<h3><a href="javascript:void(0)" id="lianxiwomen">养老院相册</a></h3>
<div class="photo">
<div class="photo-main">
<img src="image/juxing25.png" alt="" />
<p>图片名</p>
</div>
<div class="photo-main">
<img src="image/juxing25.png" alt="" />
<p>图片名</p>
</div> <div class="photo-main">
<img src="image/juxing25.png" alt="" />
<p>图片名</p>
</div> <div class="photo-main">
<img src="image/juxing25.png" alt="" />
<p>图片名</p>
</div> <div class="photo-main">
<img src="image/juxing25.png" alt="" />
<p>图片名</p>
</div> <div class="photo-main">
<img src="image/juxing25.png" alt="" />
<p>图片名</p>
</div>
</div>
<!--<ol style="width: 100%;height: 500px;;border:#ccc solid 1px;" id="allmap"></ol>-->
<!--<ol style="width: 100%;height: 500px;;border:#ccc solid 1px;" id="dituContent"></ol>-->
<p>
</p>
</div>
<div class="dianping section" id="dianping1 section7">
<h3><a href="javascript:void(0)" id="kehudianping">
全部点评</a><span>(<?php echo count($data['comments']); ?>)</span></h3>
<?php if(is_array($data['comments']) || $data['comments'] instanceof \think\Collection || $data['comments'] instanceof \think\Paginator): if( count($data['comments'])==0 ) : echo "" ;else: foreach($data['comments'] as $key=>$item): ?>
<div>
<li><img src="<?php echo htmlentities($item['avatar']); ?>" />满意</li>
<ul>
<li>
网友 <a><?php echo htmlentities($item['name']); ?></a><span> 服务评分</span><?php echo htmlentities($data['service_score']); ?><span> 综合评分：<?php echo htmlentities($data['comprehensive_score']); ?></span>
<p><?php echo date('Y-m-d', $item['create_time']); ?></p>
</li>
<li>
<p>
<?php echo htmlentities($item['content']); ?> </p>
</li>
</ul>
</div>
<?php endforeach; endif; else: echo "" ;endif; ?>
</div>
</div>
</div>
</main>
<!-- 底部 -->
<footer>
<div class="footer">
<div class="footer-fead">
<h1>济南养老网</h1>
<div class="hd_gw">
<img src="image/phone.png" class="fadeout">
<li>
<p id="btnn">咨询养老顾问</p>
0531-8298521
</li>
</div>
</div>
<div class="footer-main">
<div class="f-left">
<ul class="f-left-top">
<li><img src="image/footer01.png" alt="">
<a>一站式服务</a>
</li>
<li><img src="image/footer02.png" alt="">
<a>精心挑选</a>
</li>
<li><img src="image/footer03.png" alt="">
<a>良心定制</a>
</li>
<li><img src="image/footer04.png" alt="">
<a>用心服务</a>
</li>
</ul>
<div class="f-left-bottom">
<a href="http://yl.jnbinzang.com/gywm.html" title="关于我们">关于我们</a>
<a href="http://yl.jnbinzang.com/ylzx/" title="养老资讯">养老资讯</a>
<a href="http://yl.jnbinzang.com/jgrz.html" title="机构入驻">机构入驻</a>
<a href="http://yl.jnbinzang.com/ylzn.html" title="养老指南">养老指南</a>
<a href="http://yl.jnbinzang.com/zyly/" title="养老指南">找养老院</a>
</div>
</div>
<div class="f-right">
<div><img src="image/ewm.png" alt=""><a>官方微信</a></div>
<div><img src="image/ewm.png" alt=""><a>官方公众号</a></div>
</div>
</div>
</div>
<div class="footer-foot"></div>
<div class="footer-link">
<p>友情链接：<a href="">养老</a></p>
<p>热门养老院：<a href="">养老</a></p>
<p>Copyright © 2002-2020 济南公墓网 鲁ICP备19054797号-3</p>
</div>
</footer>
<div class="footer_b">
<div class="footer_b_banxin">
<h4>找养老院，上养老网</h4>
<ul>
<li><img src="image/xinxiquanmian.png" />信息全面</li>
<li><img src="image/zhuanyefuwu.png" />专业服务</li>
<li><img src="image/wanqiankoubei.png" />万千口碑</li>
</ul>
<p><img src="image/dianhualianxi.png" />0411-84179979</p>
<button type="button">咨询热线</button>
</div>
</div>
<div class="pc_footer_b">
<div class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
<img src="image/footer_erweima.png" id="weixinerweima" alt="济南养老网" title="济南养老网"/><img src="image/weixin.png" alt="济南养老网" title="济南养老网"/>微信
</div>
<div><img src="image/xiaochengxu.png" alt="济南养老网" title="济南养老网"/>小程序</div>
<div><img src="image/kefu.png" alt="济南养老网" title="济南养老网"/>客服</div>
<div><img src="image/fankui.png" alt="济南养老网" title="济南养老网"/>反馈</div>
<div class="top"><img src="image/huidingbu.png" />顶部</div>
</div>
<!-- 底部悬浮 -->
<!--<div class="footer_b">-->
<!-- <div class="footer_b_banxin">-->
<!-- <h4>找养老院，上养老网</h4>-->
<!-- <ul>-->
<!-- <li><img src="image/bz_b3.png" />信息全面</li>-->
<!-- <li><img src="image/bz_b3.png" />信息全面</li>-->
<!-- <li><img src="image/bz_b3.png" />信息全面</li>-->
<!-- </ul>-->
<!-- <p><img src="image/bz_b3.png" />0411-84179979</p>-->
<!-- <button type="button">咨询热线</button>-->
<!-- </div>-->
<!--</div>-->
<!-- 侧边悬浮/ -->
<div class="pc_footer_b">
<div class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
<img src="image/footer_erweima.png" id="weixinerweima" /><img src="image/weixin.png" />微信
</div>
<div><img src="image/xiaochengxu.png" />小程序</div>
<div><img src="image/kefu.png" />客服</div>
<div><img src="image/fankui.png" />反馈</div>
<div class="top"><img src="image/huidingbu.png" />顶部</div>
</div>
<!-- 参观信息弹出 -->
<div class="login" style="display: none">
<div class="login_content">
<div class="zezhan"></div>
<h1>填写预约参观信息</h1>
<h5>
参观机构：<?php echo htmlentities($data['title']); ?>
</h5>
<form action="" method="" id="form">
<input type="date" placeholder="选择参观时间" id="time" class="width_30" />
<input type="text" name="" placeholder="参观人数" />
<input name="Checkbox" type="checkbox" checked /><label>老人同行</label>
<input type="" name="" id="" value="" placeholder="请输入联系人" /><br>
<!-- <select>-->
<!-- <option value="">选择与老人关系</option>-->
<!--</select> -->
<input type="tel" oninput="checkmobile()" id="mobile" value="" placeholder="请输入手机号" />
<label for="" class="label"><input type="tel" onclick="checkcode()" id="code" value=""
placeholder="获取验证码" />
<!--<input type="button" id="codemsg" onclick="getcode()" value="获取验证码" /> -->
<div id="codemsg" onclick="getcode()">获取验证码</div>
</label>
<input type="button" id="sub" onclick="reF()" value="确认提交" />
<!--<div class="" id="codeTip"></div>-->
<!--<div class="" id="mobileTip"></div>-->
</form>
<img src="image/guanbi.png" id="close2" />
</div>
</div>
</body>
<script src="./js/swiper-bundle.js"></script>
<!--<script src="./js/mui.min.js"></script>-->
<!--<script src="./js/scroll.js"></script>-->
<script src="./js/style.js"></script>
<script src="./js/page.js"></script>
<script type="text/javascript">
// 轮播
var swiper2 = new Swiper(".mySwiper2", {
loop: true,
slidesPerView: 1,
autoplay: {
delay: 1000000,
disableOnInteraction: false,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
var list = document.getElementsByClassName("smallImg")
for (var i = 0; i < list.length; i++) {
list[i].onclick = function() {
document.getElementsByClassName("bottomImg")[0].src = this.src
document.querySelector("h3").innerHTML = this.title
}
}
// 锚点
$(function() {
var nav = $(".button-group"); //得到导航对象
const fansi = $('.fansi')
var win = $(window); //得到窗口对象
var sc = $(document); //得到document文档对象。
win.scroll(function() {
$(".button-group li").on("click", function() {
nav.addClass("fixed")
$(".button-group").fadeIn();
});
if (sc.scrollTop() >= 600) {
// nav.removeClass('fi');
nav.addClass("fixed");
// fansi.style('padding','150px 0 0 0')
$(".button-group").fadeIn();
} else {
nav.removeClass('fixed');
// nav.addClass('fixednava');
$(".button-group").fadeIn();
}
})
})
function scrollToSection(sectionId) {
const section = document.getElementById(sectionId);
window.scrollTo({
top: section.offsetTop,
behavior: 'smooth' // 平滑滚动
});
}
document.addEventListener('scroll', function() {
const sections = document.getElementsByClassName('section');
let minDistance = Infinity;
let closestSectionId = '';
// 遍历所有区域
for (let i = 0; i < sections.length; i++) {
const distance = Math.abs(sections[i].offsetTop - window.scrollY);
// 找到离窗口顶部最近的区域
if (distance < minDistance) {
minDistance = distance;
closestSectionId = sections[i].id;
}
}
const buttons = document.querySelectorAll('.button-group li');
buttons.forEach((li) => {
li.classList.remove('activedetail'); // 移除所有按钮的高亮样式
});
const currentButton = document.getElementById(`button${closestSectionId.slice(-1)}`);
currentButton.classList.add('activedetail'); // 添加当前区域对应按钮的高亮样式
});
// 获取所有要放大查看的图片元素
var images = document.querySelectorAll('.enlarge-image');
// 给每张图片添加点击事件处理程序
images.forEach(function(image) {
image.addEventListener('click', function() {
// 获取被点击图片的src属性
var src = this.getAttribute('src');
// 显示模态框
document.getElementById('modal').style.display = 'flex';
// 设置模态框内图片的src属性
document.getElementById('modal-image').setAttribute('src', src);
});
});
// 给模态框添加点击事件处理程序，点击模态框任意位置即可关闭模态框
document.getElementById('modal').addEventListener('click', function() {
this.style.display = 'none';
});
</script>
</html>