领域达人 | LOFTER（乐乎） - 让兴趣，更有趣

<ul>
          		{if defined('posts')&&posts.length>0}
          			{list posts as post}
          				{if post_index < 4}
          					{if post.type == 1 || post.type == 5}
			          			<li class="m-post m-post-txt">
									<div class="fullnk">
										<div class="txt">
											{if !!post.title}<strong class="ttl">${post.title|escape}</strong>{/if}
											{if !!post.digest}<div class="desc">${post.digest}</div>{/if}
										</div>
										<a href="${url}/post/${post.permalink}" target="_blank" class="layer"></a>
									</div>
								</li>
			          		{/if}
			          		{if post.type == 2}
			          			<li class="m-post m-post-img">
									<a class="fullnk" href="${url}/post/${post.permalink}" target="_blank">
										{if !!post.isgif}
											<span class="picgif">
												<div>
													<img style="width:130px;" class="hidden" src="${post.showimages|default:''}"/>
													<img style="width:130px;" class="show" src="${post.showimages|default:''}"/>
												</div>
											</span>
										{else}
											<span class="pic" style="background:url(${post.showimages|default:''}) center center no-repeat;" {if !!post.title} title="${post.title}"{/if}></span>
										{/if}
										<span class="layer"></span>
									</a>
								</li>
			          		{/if}
			          		{if post.type == 3}
			          			{if !!post.image}
			          				<li class="m-post m-post-audio">
										<a class="fullnk" href="${url}/post/${post.permalink}" target="_blank">
											<span class="pic" style="background:url(${post.showimages|default:''}) center center no-repeat;" {if !!post.title} title="${post.title}"{/if}></span>
											<span class="cover"></span>
											<span class="layer"></span>
										</a>
									</li>
								{else}
									<li class="m-post m-post-audio m-post-audio-empt">
										<a class="fullnk" href="${url}/post/${post.permalink}">
											<span class="pic">
												<span class="img"> </span>
											</span>
											<span class="cover"></span>
											<span class="layer"></span>
										</a>
									</li>
			          			{/if}
			          		{/if}
			          		{if post.type == 4}
			          			{if !!post.image}
			          				<li class="m-post m-post-video">
										<a class="fullnk" href="${url}/post/${post.permalink}" target="_blank">
											<span class="pic">
												<img width="130" height="87"  src="${post.showimages}"{if !!post.title} alt="${post.title}" title="${post.title}"{/if}/>
											</span>
											<span class="cover"></span>
											<span class="layer"></span>
										</a>
									</li>
								{else}
									<li class="m-post m-post-video m-post-video-empt">
										<a class="fullnk" href="${url}/post/${post.permalink}">
											<span class="pic">
												<span class="img"> </span>
											</span>
											<span class="cover"></span>
											<span class="layer"></span>
										</a>
									</li>
			          			{/if}
			          		{/if}
          				{/if}
          			{/list}
          		{/if}
			</ul>

LOFTER-网易轻博