@extends('layout.store')
@section('title','富勒烯护肤品')
@section('content')
<div id="con" class="con">
	<div class="slider">
		<div class="slider-img">
			<ul class="slider-img-ul">
				<li><a target="_blank" href="{{url('/goods')}}/{{$lunbo2['gid']}}"><img src="{{$lunbo2['pic']}}"></a></li>
			@foreach($lunbo as $k=>$v)
				<li><a target="_blank" href="{{url('/goods')}}/{{$v['gid']}}"><img src="{{$v['pic']}}"></a></li>
			@endforeach
				<li><a target="_blank" href="{{url('/goods')}}/{{$lunbo1['gid']}}"><img src="{{$lunbo1['pic']}}"></a></li>
			</ul>
		</div>
	</div>
	<div class="cate">
		<div class="cate-box cate-box1">
			<a href="goods/32"><span>臻享系列</span>
			</a>
		</div>
		<div class="cate-box cate-box2">
			<a href="/goods/31"><span>臻至系列</span>
			</a>
		</div>
		<div class="cate-box cate-box3" style="margin-right:0px">
			<a href="/goods/43"><span>纯熙系列</span>
			</a>
		</div>
		
	</div>
	<h2>畅销产品</h2>
	<div class="ban" id="demo1">
		<div class="ban2" id="ban_pic1">
			<ul>
				<style>
					.pic_btn{
						position: absolute;
						top:220px;
						margin-left:530px;
					    text-align: center;
					    display: block;
					    height: 32px;
					    padding-right:10px;
					    width:130px;
					    line-height: 32px;
					    border-left: 1px solid #323232;
					    border-bottom: 1px solid #323232;
					    background: url(/1/img/linkbg.png) no-repeat;
					    background-position: right bottom;
					    color:#323232;
					}
				</style>
				 @foreach($hot as $k=>$v)
				<li>
					<img src="{{$v['bigpic']}}" width="1200" height="300" alt="">
					<a target="_blank" href="{{url('/goods')}}/{{$v['id']}}"><span class="pic_btn">查看详情</span></a>
				</li>
				@endforeach 
			</ul>
		</div>
		<div class="min_pic">
			<div class="num clearfix" id="ban_num1">
				<ul>
					@foreach($hot as $k=>$v)
					<li><a href="javascript:;">
						<img src="{{$v['pic']}}" alt="">
						<br>
						<p class="good_title">{{$v['title']}}</p>
						<p class="good_desrc" style="margin-top:6px">{{$v['desrc']}}</p>
						<p class="good_price" style="margin-top:10px">￥{{floatval($v['price'])}}</p>
						</a>
						<div class="ondiv">
							<p>￥{{floatval($v['price'])}}</p>
							<a target="_blank" href="{{url('/goods')}}/{{$v['id']}}" class="btn_buy">立即购买</a>
						</div>
					</li>
					@endforeach
				</ul>
			</div>
		</div>
	</div>

	@foreach($goods as $key => $val)
	<h2>{{$val['name']}}</h2>
	<div class="sel">
		<ul>
			@foreach($val['data'] as $k=>$v)
			<li>
				<!--<a target="_blank" href="{{url('/goods')}}/{{$v['id']}}">-->
				<a target="_blank" href="{{$v['link']}}">
					<img src="{{$v['pic']}}" alt=""><br>
					<span class="good_title">{{$v['title']}}</span><br>
					<span class="good_desrc">{{$v['desrc']}}</span><br>
					<span class="good_price">￥{{floatval($v['price'])}}</span>
				</a>
			</li>
			@endforeach
		</ul>
	</div>
	<div class="clear"></div>
	@endforeach


	<h2>美容志</h2>
	<div class="mei">
		<div class="mei_lt">
			<a href=""><img src="/1/img/changxiao.png" height="400" alt=""></a>
		</div>
		<div class="mei_gt">
			<a class="mei_gt_top" href="/meirongzhi/1009"><img src="/1/img/mei1.jpg" width="190" height="190" alt=""><div class="zhe">晨间妆前护理</div></a>
			<a class="mei_gt_top" href="/meirongzhi/1010"><img src="/1/img/mei2.jpg" width="190" height="190" alt=""><div class="zhe">热爱够鲜红滋润够出色</div></a>
			<a class="mei_gt_top" href="/meirongzhi/1011"><img src="/1/img/mei3.png" width="190" height="190" alt=""><div class="zhe">岁月流逝，但肌肤无痕</div></a>
			<a class="mei_gt_top" href="/meirongzhi/1012"><img src="/1/img/mei4.png" width="190" height="190" alt=""><div class="zhe">予你极致美肌</div></a>
			<a class="mei_gt_bottom" href="/meirongzhi/1013"><img src="/1/img/mei5.png" width="190" height="190" alt=""><div class="zhe">富勒烯与碳立方（1）</div></a>
			<a class="mei_gt_bottom" href="/meirongzhi/1014"><img src="/1/img/mei6.png" width="190" height="190" alt=""><div class="zhe">富勒烯与碳立方（2）</div></a>
			<a class="mei_gt_bottom" href="/meirongzhi/1015"><img src="/1/img/mei7.png" width="190" height="190" alt=""><div class="zhe">富勒烯与碳立方（3）</div></a>
			<a class="mei_gt_bottom" href="/meirongzhi/1016"><img src="/1/img/mei8.jpg" width="190" height="190" alt=""><div class="zhe">睡前保养护肤点我</div></a>
		</div>
	</div>
</div>
@endsection

@section('myJs')
<script>
	$('.num ul li').click(function(){
		$(this).find($('.ondiv')).slideDown(300);
		$(this).siblings('li').find($('.ondiv')).slideUp(300);
	})
</script>
<script type="text/javascript">
/*
*author:pony
*day:2017-11-20
*/
jq('#demo1').banqh({
	box:"#demo1",//总框架
	pic:"#ban_pic1",//大图框架
	pnum:"#ban_num1",//小图框架
	pop_pic:"#ban_pic2",//弹出框图片框架
	pop_xx:".pop_up_xx",//关闭弹出框按钮
	mhc:".mhc",//朦灰层
	autoplay:false,//是否自动播放
	interTime:5000,//图片自动切换间隔
	delayTime:400,//切换一张图片时间
	pop_delayTime:400,//弹出框切换一张图片时间
	order:0,//当前显示的图片（从0开始）
	picdire:true,//大图滚动方向（true为水平方向滚动）
	mindire:true,//小图滚动方向（true为水平方向滚动）
	min_picnum:5,//小图显示数量
	pop_up:true//大图是否有弹出框
})
</script>

@endsection