{php $this->template('header')}
	
	<link rel="stylesheet" href="{$public}css/shop/index/item.css?{php echo time()}">
	
	  	{php echo share($good['title'],$img,$good['title'])}
	<div class="bui-page ">

		<main class="main">
			
			<div id="scrollList" class="bui-scroll">
			<div id="slide" class="bui-slide bui-slide-skin01"></div> 
				<div class="title_box">
				<div class="money_box"> <span class="money">￥</span> {$good['price']} </div>
				<div class="title bui-ellipsis-2">{$good['title']}</div>
				<div class="bui-fluid lei">
				    <div class="span4">赠送积分 {$good['songintegral']}</div>
				    <div class="span4 text-c">商品销量 {$good['sales']}</div>
				    <div class="span4 text-r">剩余库存 {php echo $good['stock']-$good['sales']}</div>
				</div>
				<div class="fuwu"> <i class="iconfont icon-zhangqidanbao"></i> 质量平台担保 </div>
			</div>
			<!-- <div class="peisong bui-ellipsis-1">
				配送 ：
			
				<span class="address">配送区域配送区域配送区域配送区域配送区域配送区域配送区域配送区域配送区域配送区域配送区域配送区域</span>
				
			</div> -->
			<div class="bui-panel panel-product">
			    <div class="bui-panel-head">商品详情</div>
			</div>
			
			<div class="content">
				
				{$good['content']}
			</div>
			
			<div class="bui-panel panel-product">
			    <div class="bui-panel-head">人气推荐</div>
			</div>
			
		        <div class="bui-scroll-head"></div>
		        <div class="bui-scroll-main">
					<div class="tab-home">
					
						<ul class="bui-list bui-list-thumbnail bui-list-pic bui-fluid-space-2">
			               
			            </ul>
			        </div>
			        <div class="bui-scroll-foot"></div>
			    </div>

		    <footer class="footres">
				<div class="weui-grids">

			        <div class="weui-grid lianxi" >
			            <div class="text-c"> 
			                <i class="iconfont icon-dailishang c2 font-z-4"></i>
			                <span class="wen">联系客服</span> 
			            </div>
			        </div> 
			       
			        <div class="weui-grid baocun click" data-url="{php echo iurl('shop/order/add',['id'=>$good['id']])}" style="background-color: #ea413c;width: 70%;color: #fff">
			            <div class="text-c">
			                <span class="wen">立即购买</span> 
			            </div>
			        </div> 
			       
			    </div>
			</footer>

			</div> 

			
		</main>
	</div>
	
	

	<script>
 
		bui.ready(function(){
			var uiSlide = bui.slide({
	            id: "#slide",
	            height: 0,
	            autopage: true,
	            data: {$image},
	            loop: true,
	        });
	        //轮播自动播放
	        uiSlide.start();
	        //轮播图片允许滑动
        	uiSlide.unlock();
        	var uiList = bui.list({
		        id: "#scrollList",
		        url: "{php echo iurl('shop/index/tuijian')}",
		        pageSize: 10, 
		        data: {},
		        field: {
		            page: "page",
		            size: "pageSize",
		            data: "data"
		        },
              template: function(data) {
            	var html = "";
            	data.forEach(function(el, index) {
                 
                    html += `<li>
                              	<div class="bui-pic click" data-url="{php echo iurl('shop/index/item')}&id=${el.id}">
	                                <div class="bui-pic-img bgauto" style="background-image:url(${el.img})"></div>
	                                <div class="bui-pic-title">${el.title}</div>
	                                <div class="price"><i>￥</i>${el.price}</div>
                              	</div>
                          	</li>`
                  	});
            		
                  	return html;
              	}
          	});

          	$('.lianxi').on('click',function(){

          		 bui.confirm({
            "title": "",
            "height": 540,
            "content": '<div class="bui-box-center"><img src="{php echo config("kefuewm")}" style="width:3.5rem;height:3.5rem;margin:0 auto;"><p>长按识别添加客服微信</p></div>',
		            "buttons": [{ name: "我知道了", className: "primary-reverse" }]
		        });

          	})
 
		})
	




	</script>

{php $this->template('footer')}