{template 'header'}
<style type="text/css">
	.infos {
		width: 11%;
		margin: 0 2%;
		float: left;
		height: 370px;
		overflow: hidden;
		position: relative;
	}
	
	.infos img {
		width: 100%;
	}
	
	.botns {
		width: 100%;
		float: left;
		position: absolute;
		color: #ffffff;
		background: rgba(0, 0, 0, 0.5);
		z-index: 5;
	}
	
	.top30 {
		bottom: 0;
		height: 32px;
	}
	
	.tops30 {
		top: 22px;
		text-align: center;
		line-height: 22px;
	}
	
	.botns div {
		float: left;
		padding: 0 7%;
		font-size: 12px;
		width: 33%;
		height: 32px;
		line-height: 32px;
	}
	
	.tos {
		content: '';
		position: absolute;
		height: 335px;
		width: 100%;
		background: url(../addons/sister_renovation/public/bg/using.png) no-repeat;
		background-size: 25px;
		background-position: center;
		background-color: rgba(0, 0, 0, .5);
		z-index: 1;
		top: 0;
		left: 0;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.fl {
    float: left;
}
.content-right {
    width: 959px;
    /*min-height: 660px;*/
    padding: 0px 0;
}
.programCode {
    width: 225px;
    height: 440px;
    border: 1px solid rgb(205, 219, 238);
    float: left;
    margin: 20px;
    cursor: pointer;
    box-shadow: 2px 2px 2px rgb(209, 224, 243);
    transition: all 0.1s ease 0s;
}
.programCode img {
    width: 100%;
}

</style>
<!-- 内容区域 start -->
<div class="tpl-content-wrapper ">
	<div class="row-content am-cf">
		<div class="row">
			<div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
				<div class="widget am-cf">
					<div class="widget-head am-cf">
						<div class="widget-title am-cf">模板列表</div>
					</div>
					<div class="widget-body am-fr">
						<form action="#" method="post">
							<div class="content-right fl" style="width: 100%">
								<div id="3D">
									{loop $info $key $item}
										<div class="programCode" style="position: relative;border-radius: 10px;">
											<dl>
												<dt>
													<div style="max-width: 225px; position: relative; overflow: hidden; height: 335px;">
														<!--<a href="" target="_top">-->
														<img src="{if empty($item['img'])}/addons/sister_renovation/public/bg/temp.jpg{else}{$item['img']}{/if}" alt="" title="" style="border-radius: 10px;">
														<!--</a>-->
													</div>
													{if $item['isact'] == 1}
								            			<div class="tos tso"></div>
								            		{/if}
												</dt>
												<dd style="margin-top: 4px;">
													<div style="font-weight: bold; text-align: center; padding: 3px;">{$item['name']}</div>
												</dd>
												<dd>
													<div style="font-weight: bold; text-align: center; padding: 3px;">{php echo date('Y-m-d',$item['time'])}</div>
												</dd>
												<dd>
													<a href="{php echo $this->createWebUrl('diy',array('op'=>'diy','id'=>$item['id']))}" class="btn btn-success radius" style="z-index:1000;margin-left: 26px">装修</a>
													<a href="{php echo $this->createWebUrl('diy',array('op'=>'add','id'=>$item['id']))}" class="btn btn-info radius" style="z-index:1000;">封面</a>
													<button onclick="if(confirm('是否删除?')){deletes('{$item['id']}')}else{return false;}" class="btn btn-danger radius" style="z-index:1000;border-radius: 3px;">删除</button>
												</dd>
											</dl>
										</div>
									{/loop}
								</div>
								<div class="n_page_no" style="clear: both; float: right; margin-right: 15px; margin-top: 10px;">
									{$page}
								</div>
							</div>
							<!--						
						<div class="am-scrollable-horizontal am-u-sm-12">
							{loop $info $key $item}
				            	<div class="infos lists" data-id="{$key}">
				            		<div style="width: 100%;height: 22px;display: block;"></div>
				            		<div class="botns tops30">{$item['name']}</div>
				            		<div class="botns top30" id="botns_{$key}" style="display: none;" data-id="{$key}">
				            			<div class=""><a href="{php echo $this->createWebUrl('diy',array('op'=>'diy','id'=>$item['id']))}">编辑页面</a></div>
				            			<div class=""><a href="{php echo $this->createWebUrl('diy',array('op'=>'add','id'=>$item['id']))}">修改</a></div>
				            			<div class=""><a href="javascript:;" onclick="if(confirm('是否删除?')){deletes('{$item['id']}')}else{return false;}">删除</a></div>
				            		</div>
				            		<img src="{$item['img']}" data-id="{$key}"/>
				            		{if $item['isact'] == 1}
				            			<div class="tos tso"></div>
				            		{/if}
				            	</div>
			            	{/loop}
						</div>-->
							<!--<div class="am-u-lg-12 am-cf">
								<div class="am-fr pagination-total am-margin-right">
									{$page}
								</div>
							</div>-->
						</form>

					</div>
				</div>
			</div>
		</div>
	</div>
	{template 'footer'}
</div>
<!-- 内容区域 end -->
</div>


<script type="text/javascript">
	function deletes(id) {
		if(id == '' || id == undefined) {
			alert('非法进入');
			return false;
		}
		$.post("{php echo $this->createWebUrl('diy',array('op'=>'del'))}", {
			id: id
		}, function(res) {
			if(res.status == 0) {
				alert(res.msg);
				location.reload();
			} else {
				alert(res.msg);
			}
		}, "JSON")
	}
//	$('.infos').mouseenter(function() {
//		id = $(this).data('id');
//		$('#botns_' + id).show();
//		$('#botn_' + id).show();
//	})
//	$('.infos img').mouseenter(function() {
//		id = $(this).data('id');
//		$('#botns_' + id).show();
//		$('#botn_' + id).show();
//	})
//	$('.botns').mouseenter(function() {
//		id = $(this).data('id');
//		$('#botns_' + id).show();
//		$('#botn_' + id).show();
//	})
//	$('.infos').mouseleave(function() {
//		id = $(this).data('id');
//		$('#botns_' + id).hide();
//		$('#botn_' + id).hide();
//	})
//	$('.infos img').mouseleave(function() {
//		id = $(this).data('id');
//		$('#botns_' + id).hide();
//		$('#botn_' + id).hide();
//	})
//	$('.botns').mouseleave(function() {
//		id = $(this).data('id');
//		$('#botns_' + id).hide();
//		$('#botn_' + id).hide();
//	})
//	var wi = $('.container').width();
//	if(wi != '1200') {
//		$('.lists').height('345px');
//		$('.tso').height('300px');
//	}
//	$('.js-big-main').click(function(res) {
//		var wi = $('.container').width();
//		if(wi != '1200') {
//			$('.lists').height('370px');
//			$('.tso').height('325px');
//		} else {
//			$('.lists').height('345px');
//			$('.tso').height('300px');
//		}
//	})
</script>