{extend name="mould:base" /}
{block name="title"}Bing 每日图片欣赏{/block}
{block name="author"}{/block}
{block name="keywords"}{/block}
{block name="description"}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="__CSS__/bw.bing.css">
{/block}
{block name="content"}
<div class="container">
	<nav aria-label="breadcrumb" role="navigation">
	  	<ol class="breadcrumb">
		    <li class="breadcrumb-item"><i class="fa fa-home"></i><a href="/">首页</a></li>
		    <li class="breadcrumb-item"><i class="fa fa-file-image-o"></i> Bing 每日图片欣赏</li>
	  	</ol>
	</nav>
</div>
<div class="container">
	<div class="bing-area">
		<div class="row">
	  		{volist name='list' id='lists'}
		    	<div class="col-12 col-md-4">
		    		<div class="box-area">
			    		<div class="box-content">
			    			<div class="box-body">
				    			<div class="img-box">
						    	  	<a href="{:url('index/Bing/details',['id'=>$lists.id])}" target="_blank" title="{$lists.title}">
							    		<img class="lazyload" data-src="{$imgbaseurl}{$lists.datesign|strtotime|date='Y/m/d/'}{$lists.newname}" src="{$imgbaseurl}default.gif" alt="{$lists.title}" />
							    	</a>
						    	</div>
						    	{notempty name="$lists.item_ttl"}<small><i class="fa fa-deaf fa-fw" title=""></i>{$lists.item_ttl}</small>{/notempty}
						    	<h6>
						    		<a href="{:url('index/Bing/details',['id'=>$lists.id])}" target="_blank" title="{$lists.title}">{$lists.title}</a>
						    	</h6>
						    </div>
					    	<div class="box-footer"><i class="fa fa-eye fa-fw"></i> {$lists.viewcount}&nbsp;&nbsp; <i class="fa fa-download fa-fw"></i> {$lists.downcount}
					    		<span class="pull-right"><i class="fa fa-clock-o fa-fw" title="发布时间"></i> {$lists.datesign|strtotime|date='Y-m-d'}</span>
					    	</div>
					    </div>
					</div>
		    	</div>
	    	{/volist}
		</div>
	</div>
</div>
<div class="container" style="overflow: hidden; overflow-x: auto;"><nav aria-label="Page navigation">{$page|raw}</nav></div>
{/block}
{block name="script"}
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script type="text/javascript" src="__LIBS__/lazyload/2.x/lazyload.min.js"></script>
<script type="text/javascript">
	$(function(){
		//https://appelsiini.net/projects/lazyload/
		lazyload();
	});
</script>
{$Think.config.statistics_code|raw}
{/block}