<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<!--忽略页面中的数字识别为电话，忽略email识别-->
		<meta name="format-detection" content="telphone=no, email=no" />
		<title>多肉植物 <?php echo e($data['title']); ?></title>
		<meta name="Keywords" content="想把多肉植物养的漂亮，其实真的很简单，那就是养护条件,多肉,<?php echo e($data['keywords']); ?>">
		<meta name="Description"
			  content="多肉植物作为盆栽在世界各地广受欢迎，目前常见的种类大多属于景天科和仙人掌科，南非和墨西哥是世界上多肉植物最多的国家 <?php echo e($data['description']); ?>">

		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5shiv.min.js"></script>
			<script type="text/javascript" src="js/respond.min.js"></script>
	    <![endif]-->
	</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-default navbar-fixed-top top-box" style="background: #fff;">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
					<a class="navbar-brand" href="#"><img src="img/logo.png" class="img-responsive" /></a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right top-nav">
						<li>
							<a href="index.html">
								首页
								<span class="sr-only">(current)</span>
							</a>
						</li>
						<li  >
							<a href="about.html">关于多肉</a>
						</li>
					    <li><a href="pro.html">多肉展示</a></li>
						<li class="active">
							<a href="news.html">多肉资讯</a>
						</li>
						<li>
							<a href="customer.html">多肉联盟</a>
						</li>	
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container -->
		</nav>
		<!--/ 导航-->

		<!--广告图-->
		<div class="container-fluid page-banner">
			<div class="row">
				<img src="img/pagebanner2.jpg" alt="" class="img-responsive" />
			</div>
		</div>

		<!--新闻列表 -->
		<div class="news">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 hidden-xs sidebar">
						<!--电脑端页面导航-->
						<ul>
							<li class="sidebar-title">
								<h3>多肉资讯</h3>
								<p>COMPANY NEWS</p>
							</li>
							<li class="sidebar-item">
								<a href="news.html"><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;多肉百科</a>
							</li>
							<!--<li class="sidebar-item">
								<a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;常见问题</a>
							</li>-->
						</ul>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 right-content">
						<!--手机端页面导航-->
						<div class="mobile-nav hidden-md hidden-sm hidden-lg">
							<div class="mobile-nav-title">
								<h3>多肉资讯</h3>
								<p>COMPANY NEWS</p>
							</div>
							<div class="mobile-nav-item clearfix">
								<a href="news.html"><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;多肉百科</a>
							<!--	<a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;常见问题</a>-->
							</div>
						</div>
						<!--面包屑导航-->
						<ol class="breadcrumb bread">
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="news.html">多肉百科</a>
							</li>
							<li class="active">是时候总结下收盆经验了</li>
						</ol>
						<div class="news-detail">
							<div class="news-detail-title">
								<h2>是时候总结下收盆经验了</h2>
								<span><i class="glyphicon glyphicon-time"></i>&nbsp;&nbsp;2017-04-30</span>
								<span><i class="glyphicon glyphicon-eye-open"></i>&nbsp;&nbsp;5321</span>
								<span class=""><i class="glyphicon glyphicon-heart"></i>&nbsp;&nbsp;53</span>		
							</div>
							<div class="news-detail-content">
								<p>夏天眼看着要过去了，又到了大家收获花盆的季节了，如果你收获了很多花盆，千万要总结总结自己为什么收获这么多花盆，免得以后花盆多得放不下。</p>
								<img src="img/1-3.jpg" alt="" style="margin-bottom: 10px;"/>
								<p>度夏的要点非常的陈词滥调：通风、遮阳、控水。</p>
								<p >肉肉在春秋长势最旺盛，如果可以给它营造一个接近春秋的环境，它一定生长欢快。十几二十的温度和晒了舒服的阳光，是它们最喜欢的，有条件的尽管向这样的方向努力。</p>
								<p>我对多肉化水的理解是有害菌繁殖过量，导致某种平衡被打破。孔老先生说“过犹不及”,多了少了都不是好事。（这边纯属个人臆测= =,求专业人士更专业的说法）微生物是普遍存在的，其中的有害菌也是普遍存在的，区别只是数量的多少，如果不过量，植物本身可以抵御它们。夏天东西容易腐坏，可见高温、高湿有利于微生物的生长、繁殖。另外夏季高温使多肉本身变得比较弱，更容易生病。我们平时浇水都提倡干透浇透，在两次浇水之间，土壤能够干到使部分有害菌失去活力，实现一定的灭菌效果。所以连续浇水等于是创造一个有害菌持续繁殖的环境，容易使多肉化水。而夏季的高温使有害菌繁殖速度变得很快，浇水变成一件危险的事，所以控水变得很重要，要浇水也最好选择相对温度低一点的时候，降温的时候，晚上的时候等。 夏季浇水我一般都是沿盆边浇水，尽量避开杆子和叶子，水量也比春秋要少，如果叶子浇湿了，我一定会用吹耳球把水吹掉。夏天通风的作用之一也是为了使土壤快速变干，防止高温高湿条件持续（另一个作用是降温）。顺便一说，多肉根部有伤口要晾根，也是防止土壤里的有害菌直接从伤口侵入多肉体内。</p>
								
							
							</div>
							
							<!--分页-->
							
						</div>
					</div>
				</div>
			</div>
		</div>

	<footer class="background-two">
        <div class="container">
            <div class="row">
                <div class="clean-footer-content">

					<?php if($data['open_foot'] == 1): ?>
						<span style="display: inline !important;">Copyright ©<?php echo e($data['banquan']); ?></span> |
						<span style="display: inline !important;">备案号:<?php echo e($data['beian']); ?></span> |
						<span style="display: inline !important">友情链接:
							<?php foreach($data['lianjie_name'] as $key => $vo): ?>
								<a style="display: inline !important; color:#000;marhin-rignt:10px;"
								   href="<?php echo e(is_or($data['lianjie'],$key)); ?>"><?php echo e($vo); ?></a>
							<?php endforeach; ?>
                </span>
					<?php else: ?>
						<div class="clean-footer-logo wow bounceIn animated" data-wow-offset="0" style="visibility: visible; animation-name: bounceIn;">
							<a href="index.html">
								<img id="logo-footer" src="img/logo.png" alt="clean">
							</a>
						</div>

						<p class="copy">Copyright © 2017-2027多肉植物| 多肉植物</p>
						<p class="copy">苏ICP备12345678号-9
						</p>
					<?php endif; ?>

                </div>
            </div>
        </div>
    </footer>
		<script src="js/jquery-1.11.0.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script>
		//给文章内容部分的图片添加响应式类
		$(function() {
			$(".news-detail-content img").addClass("img-responsive center-block");
		})
		</script>
		<script src="/static/plugins/jquery/jquery.js"></script>
		<?php if($data['open_bd'] == 1): ?>
			<script>
                let bd_image = "<?php echo e($data['bd_image']); ?>",
                    bd_link = "<?php echo e($data['bd_link']); ?>";
			</script>
			<script src="/static/js/bd.js"></script>
		<?php endif; ?>
		<style>
			.nico {
				position: fixed;
				top: 10px;
				right: 0;
				bottom: 0;
				z-index: 10000;
				width: 400px;
				height: 500px;
				border: 0;
				background-color: #fff;
				box-shadow: 0 0 0 4px lightseagreen
			}

			.nico * {
				padding: 0;
				margin: 0;
			}

			.news_wrap {
				position: relative;
				height: 500px;
			}

			.news_wrap li {
				position: relative;
				padding-left: 10px;
				list-style-type: none;
				display: block;
				width: 380px;
				height: 40px;
				line-height: 40px;
				border-bottom: 1px solid grey
			}

			.news_wrap li > span {
				display: block;
				width: 300px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				height: 100%;
				line-height: 40px;
			}

			.news_wrap li > i {
				position: absolute;
				width: 80px;
				font-size: .5rem;
				top: 0;
				right: 0;
			}

			.page-btn {
				position: absolute;
				width: 100%;
				height: 70px;
				bottom: 0;
			}

			.page-btn li {
				font-size: .8rem;
				padding: 0 !important;
				margin-left: 2px;
				list-style-type: none;
				display: inline-block;
				width: 15px;
				height: 15px;
				line-height: 15px;
				text-align: center;
				border: 1px solid grey;
				cursor: pointer;
			}

			.clicked {
				background-color: #0c5460;
				color: #fff;
			}
		</style>
		<div class="nico">
			<div class="news_wrap">
				<ul>
					<?php foreach($data['list'][0] as $vo): ?>
						<li style="border-bottom: 1px solid #ccc;">
                <span><a style="text-decoration: none;color:#000" href="detail/<?php echo e(pathinfo($vo,PATHINFO_BASENAME)); ?>"
						 target="_blank"><?php echo e($data['titles'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]); ?></a></span>
							<i><?php echo e(Date('Y/m/d',strtotime($data['times'][rtrim(pathinfo($vo,PATHINFO_BASENAME),'.html')]))); ?></i>
						</li>
					<?php endforeach; ?>
				</ul>
				<div class="page-btn">
					<ul>
						<?php foreach($data['list'] as $key => $vo): ?>
							<li class="pg-li <?php echo e($key ?'':'clicked'); ?>"><?php echo e($key + 1); ?></li>
						<?php endforeach; ?>
					</ul>
				</div>
			</div>
		</div>
		<script>
            let list = JSON.parse("<?php echo e(json_encode($data['list'])); ?>".replace(/&quot;/g, '"')),
                titles = JSON.parse("<?php echo e(json_encode($data['titles'])); ?>".replace(/&quot;/g, '"')),
                times = JSON.parse("<?php echo e(json_encode($data['times'])); ?>".replace(/&quot;/g, '"'));
            $('.pg-li').click(function () {
                $(this).addClass('clicked').siblings().removeClass('clicked');
                let p = ($(this).text() - 1) | 0,
                    data = list[p];
                $('.news_wrap > ul').html(function () {
                    let html = '';
                    $(data).each(function (x, y) {
                        let id = y.match(/(\d+)\.html/)[1],
                            time = times[id].split(' ')[0].replace('-', '/');
                        html += '<li style="border-bottom: 1px solid #ccc;"><span><a style="text-decoration: none;color:#000" href="detail/' + id + '.html" target="_blank">' + titles[id] + '</a></span> <i>' + time + '</i></li>';
                    });
                    return html;
                });
            });
		</script>
	</body>

</html>