{php $this->template('header')}
	
	
	<link rel="stylesheet" href="{$public}css/shop/index/index.css?{php echo time()}">
	<style>
     .bui-nav-icon .bui-btn .icon{ width: 0.5rem; height: 0.5rem }
	</style>
	<div class="bui-page ">

		<main>
			<div id="scrollList" class="bui-scroll">
		        <div class="bui-scroll-head"></div>
		        <div class="bui-scroll-main">
					<div class="tab-home">
						<div id="slide" class="bui-slide bui-slide-skin01"></div>
						
						<ul class="bui-nav-icon bui-fluid-4">
							<!-- fenlei -->
							{loop $card $k $v}
							<li class="bui-btn click" data-url="{php echo iurl('shop/index/lst',['cid'=>$v['id']])}">
			                    <div class="icon"><img src="{$v['image']}"></div>
			                    <div class="span1">{$v['title']}</div>
			                </li>
			              	{/loop}
			            </ul>
						<!-- <div class="bui-panel panel-product">
			                <div class="bui-panel-head">爆款特惠</div>
			                <div class="bui-panel-main">
			                    <div class="bui-fluid-space-3 pro-hot">
			                        <div class="span1">
			                            <div class="bui-pic">
			                                <img src="{$public}img/pro01.png" alt="爆款特惠">
			                                <div class="bui-pic-title bui-abs-bottom">乐享家庭套餐<br>比单价省47元</div>
			                            </div>
			                        </div>
			                        <div class="span1">
			                            <div class="bui-pic">
			                                <img src="{$public}img/pro02.png" alt="爆款特惠">
			                                <div class="bui-pic-title bui-abs-bottom">阿方索芒果冰淇淋<br>低至6元/支</div>
			                            </div>
			                        </div>
			                        <div class="span1">
			                            <div class="bui-pic">
			                                <img src="{$public}img/pro03.png" alt="爆款特惠">
			                                <div class="bui-pic-title bui-abs-bottom">免外送费月卡<br>18元</div>
			                            </div>
			                        </div>
			                    </div>
			                </div>
			            </div> -->

			            <div class="bui-panel panel-product">
			                <div class="bui-panel-head">人气推荐</div>
			            </div>
					
						<ul class="bui-list bui-list-thumbnail bui-list-pic bui-fluid-space-2">
			               
			            </ul>
			        </div>
			        <div class="bui-scroll-foot"></div>
			    </div>

			</div>
     	</main>
	</div>
	


	<script>
 
		bui.ready(function(){
		
			var uiSlide = bui.slide({
		        id:"#slide",
		        height:300,
		        autopage: true,
		        loop: true,
		        cross: true,
		        data: {$row}
		    })
	        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;
              	}
          	});




		})
	



	</script>
{php $this->template('shop_bottom')}
{php $this->template('footer')}