diymall-water/WebRoot/www/index.htm

##tlayout("www/layout.htm"){

<div class="index-banner swiper-container swiper-container-horizontal">
	<div class="swiper-wrapper">
		##for(_item in carousel_list!){
			<div class="swiper-slide">
				<a href="${_item.url!}" target="_blank" style="width: 100%;">
					<img src="${_item.img_url!}" class="img-responsive" style="width: 100%;" />
				</a>
			</div>
		##}
	</div>
	<div class="swiper-pagination"></div>
</div>
<section class="container">
	<h3 class="template-title text-center">精品模板</h3>
	<div class="product-wrapper">
		<div class="product-tab">
			<ul class="nav nav-pills">
				##if(exist("sid")){
					<li role="presentation"><a href="/">全部专题</a></li>
		    	##}else{
		    		<li role="presentation" class="active"><a href="/">全部专题</a></li>
		    	##}
		    	##for(_item in subject_list!){
		    		##if(exist("sid") && sid==_item.id){
		    			<li role="presentation" class="active"><a href="/index?sid=${_item.id!}">${_item.title!}</a></li>
		    		##}else{
		    			<li role="presentation"><a href="/index?sid=${_item.id!}">${_item.title!}</a></li>
		    		##}
		    	##}
			</ul>
		</div>
		<div class="product-content">
			<ul class="product-list row list-unstyled clearfix">
				##for(_item in list!){
			        <li>
						<a href="/diy?id=${_item.id!}" target="_blank">
							<img src="${_item.img_url!}" class="img-responsive prduct-img"/>
							<div class="product-title">
								<div class="title">${_item.title!}</div>
								<div class="remark">${_item.remark!}</div>
								<div class="fenlei clearfix">
									<span>${_item.purpose_title!}</span>
									<span>${_item.industry_title!}</span>
									<span>${_item.festival_title!}</span>
									<span>${_item.style_title!}</span>
									<span>${_item.subject_title!}</span>
									<span>${_item.bottle_title!}</span>
								</div>
								<div class="use_number">使用次数：${_item.use_number!}</div>
								<span class="btn">在线定制</span>
							</div>
						</a>
						
					</li>
		        ##}
			</ul>
		</div>
	</div>
</section>
<script>        
var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true
});
$('.product-list li').hover(function(){
	$(this).find('.product-title').stop().fadeIn();
},function(){
	$(this).find('.product-title').stop().fadeOut();
});
</script>
##}