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/templates/index/
Upload File :
Current Directory [ Writeable ] Root Directory [ Writeable ]


Current File : /www/wwwroot/0531yanglao.com/templates/index/article_index.html
<!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>养老资讯-济南最新养老资讯-养老政策法规和常见问题-济南养老网</title>
		<meta name="Description"
			content="济南养老网养老资讯频道分为最新资讯、政策法规和常见问题三个板块。养老资讯发布济南养老院、老年公寓、护理院等养老机构的新闻资讯,想了解更多养老机构及养老资讯,就上济南养老网!" />
		<meta name="Keywords" content="济南养老机构资讯,济南养老院最新动态,济南养老机构新闻" />
		<base href="{:server_url()}" />
		<link rel="stylesheet" href="./css/style.css" />
		<link rel="stylesheet" href="./css/swiper.min.css" />
	</head>
<style>
    @media (max-width: 768px){
main {
    display: flex;
    flex-direction: column-reverse;
}
.boxq .nav li {
    font-size: 13px;
}
.display_box {
    background: #fff;
}
.boxq .active {
    font-size: 13px!important;
}
.ylzx {
    width: 50% !important;
}
.zixunbor h4:first-child {
    font-size: 16px!important;
}
.zixunbor {
    padding: 12px 10px 1px 10px;
}
.display_box div ul li  span:last-child {
    display: block;
}
.actives-img {
    height: 150px;
}
.pc_yanglaozixun {
   width: 100%;
}
.tab-item li {
    width: 96%;
}
.tab-item li a {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 1fr;
    /* gap: 10px 10px; */
}
.tab-item li h4 span {
    font-size: 12px!important;
}
.pc_yanglaozixun {
    width: 100%;
    background: #fff;
}
.tab-item li h4 {
    margin: 2px 10px;
}
.tab-item li {
     margin-bottom: 0; 
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6;
}
.tab-item li h4 strong {
    width: 250px;
    font-size: 16px;
}
.tab-item li a img {
    width: 100%;
    object-fit: cover;
    height: 90px;
    min-width: 100%;
    min-height: 90px;
    border-radius: 3px;
}
.nav li:last-child {
    display: block;
}
.boxq .nav li {
    height: 40px;
    line-height: 40px;
    /*font-size: 20px;*/
}
.display_box div ul {
    flex-direction: row;
}
.boxq .nav {
 
    background: #fff;
    padding: 5px 0;
}
.nav {
    margin: 8px auto;
}
.pc_yanglaozixun .a {
    display: block;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 5px;
    font-size: 18px;
     color: #333;
}
.pc_yanglaozixun p{
    display: none;
}
}
</style>
	<body>
		<!-- 头部 -->
		{include file='header'}
		<div class="swiper mySwiper">

					<img class="img" src="" alt="" />

		</div>
		<main>
			<div class="f_home">
				<h4 title="专业的养老资讯">首页/养老资讯</h4>
				<div class="pc_yanglaozixun">
					<h4 class="a" style="margin-bottom: 0 ;">最新动态/ Latest news</h4>
					<p style="text-align: center;margin-bottom: 20px;margin-top:10px;"> <span>全面.专业的养老资讯</span></p>

					<div class="tab-item">
						{foreach name='newArticle' item='item' key='key'}
						<li>
							<a href="{:url('/article/detail',['id'=>$item.article_id])}" title="{$item.title}"><img src="{$item.filename}"
									alt="{$item.title}" target="_blank" />

								<h4>
									<strong>{$item.title}</strong><span>{:date('Y-m-d',
										$item.create_time)}</span><span>{$item.summary}</span>
								</h4>
							</a>
						</li>
						{/foreach}

					</div>
				</div>
			</div>
			<div class="hezi">
				<!-- 导航菜单 -->
				<div class="box boxq" id="box3">
					<div class="nav">
						<li class="active">养老资讯</li>
						<li>政策法规</li>
						<li>常见问题</li>
					</div>
					<!-- 内容展示盒子 -->
					<div class="display_box">
						<div class="actives">
							<ul class="ylzx-title">
								{foreach name='news' item='item' key='key'}
								<li class="ylzx">
									<a href="{:url('/article/detail',['id'=>$item.article_id])}" title="{$item.title}" target="_blank">
										<ol class="actives-img">
											<img src="{$item.filename}" alt="{$item.title}" />
										</ol>
										<ol class="zixunbor">
											<h4>{$item.title}</h4>
											<span class="zixunbor-boe">{$item.summary}
											</span>

											<span class="zixunbor-bor">{:date('Y-m-d', $item.create_time)}</span>
										</ol>
									</a>
								</li>
								{/foreach}
							</ul>
						</div>
						<div>
							<ul class="ylzx-title">
								{foreach name='regulations' item='item' key='key'}
								<li class="ylzx">
									<a href="{:url('/article/detail',['id'=>$item.article_id])}" title="{$item.title}">
										<ol class="actives-img" target="_blank">
											<img src="{$item.filename}" alt="{$item.title}" />
										</ol>
										<ol class="zixunbor">
											<h4>{$item.title}</h4>
											<span class="zixunbor-boe">{$item.summary}
											</span>

											<span class="zixunbor-bor">{:date('Y-m-d', $item.create_time)}</span>
										</ol>
									</a>

								</li>
								{/foreach}
							</ul>
						</div>
						<div>
							<ul class="ylzx-title">
								{foreach name='help' item='item' key='key'}
								<li class="ylzx">
									<a href="{:url('/article/detail',['id'=>$item.article_id])}" title="{$item.title}">
										<ol class="actives-img" target="_blank">
											<img src="{$item.filename}" alt="{$item.title}" />
										</ol>
										<ol class="zixunbor">
											<h4>{$item.title}</h4>
											<span class="zixunbor-boe">{$item.summary}
											</span>

											<span class="zixunbor-bor">{:date('Y-m-d', $item.create_time)}</span>
										</ol>
									</a>

								</li>
								{/foreach}
							</ul>
						</div>
					</div>
					<!-- 分页 -->
					<!--<div class="pages">-->
						<!-- 隐藏的数据总数 -->
					<!--	<span class="data-total" style="display: none">123</span>-->
					<!--	<div class="v-pagination">-->
					<!--		<span class="total" style="display: none">总数为:0</span>-->
					<!--		<ul class="pagination-page"></ul>-->
					<!--	</div>-->
					<!--</div>-->
				</div>
			</div>


		</main>

		<!-- 底部 -->
		{include file='footer'}
		<!-- 底部悬浮 -->
		<!--<div class="footer_b">-->
		<!--    <div class="footer_b_banxin">-->
		<!--        <h4 title="济南养老网">找养老院,上养老网</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" 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>
	</body>
	<script src="./js/jquery-3.6.0.js"></script>
	<script src="./js/swiper.min.js"></script>
	<script src="./js/style.js"></script>
	<script>
		fetch('http://yl.jnbinzang.com/api/getAdv?id', {
	    method: 'POST',
	    headers: {
	        'Content-Type': 'application/json'
	    },
	    body: JSON.stringify({ id: 10 })
	})
	.then(response => response.json())
	.then(result => {
		console.log(result.data)
	    const arr = result.data;
	    const html = arr.filename;
	    const title = arr.name;
	    const alt = arr.summary;
	    document.querySelector(".img").setAttribute("title", title);
	    document.querySelector(".img").setAttribute("src", html);
	    document.querySelector(".img").setAttribute("alt", alt);
	})
	.catch(error => {
	    console.error('Error:', error);
	});
		
		
		box("#box3");
	</script>

</html>