得推企业网站模板开发教程之文章资讯
文章资讯有两个文件:
article/list.html 列表页
article/show.html 详情页
一、list.html 列表页
相关标签:
$cat 当前分类 {$cat.cname} $children 分类列表 {foreach item=c from=$children} $list 文章列表 {foreach item=c from=$list} 分页数据 只有大于1页的时候显示 {$pagelist}
Tabs制作
<div class="tabs-border"> {foreach item=c from=$children} <a href="/index.php?m=article&a=list&catid={$c.catid}" class="tabs-border-item {if get('catid') eq $c.catid}tabs-border-active{/if}">{$c.cname}</a> {/foreach} </div>
二、show.html 详情页
相关标签
$data 文章详情 $data 结构 id title imgurl description content
相关源码:
list.html
<!DOCTYPE html> <html> {include file="head.html"} <body> <div class="header"> <div class="header-back"></div> <div class="header-title">{$cat.cname}</div> </div> <div class="header-row"></div> <div class="main-body"> {if $children} <div class="tabs-border"> {foreach item=c from=$children} <a href="/index.php?m=article&a=list&catid={$c.catid}" class="tabs-border-item {if get('catid') eq $c.catid}tabs-border-active{/if}">{$c.cname}</a> {/foreach} </div> {/if} <div class="pd-10 bg-fff"> {foreach item=c from=$list} <a href="/index.php?m=article&a=show&id={$c.id}" class="sglist-item"> {if $c.imgurl} <div class="sglist-imgbox"> <img class="sglist-img" src="{$c.imgurl}.middle.jpg" /> </div> {/if} <div class="sglist-title">{$c.title}</div> <div class="sglist-desc">{$c.description}</div> </a> {/foreach} </div> {$pagelist} </div> {assign var="ftnav" value="article"} {include file="ftnav.html"} {include file="footer.html"} </body> </html>
show.html
<!DOCTYPE html> <html> {include file="head.html"} <body> <div class="header"> <div class="header-back"></div> <div class="header-title">文章详情</div> </div> <div class="header-row"></div> <div class="main-body mgb-10"> <div class="row-box"> <div class="d-title">{$data.title}</div> <div class="d-tool bg-white"> {$data.author} {$data.createtime|cutstr:11} </div> </div> <div class="pd-10 bg-fff"> <div class="d-content"> {$data.content} </div> </div> </div> {include file="footer.html"} <?php wx_jssdk();?> <script type="text/javascript"> wxshare_title="{$data.title}"; {if $data.imgurl} wxshare_imgUrl="{$data.imgurl|images_site}.100x100.jpg"; {/if} </script> <script> setTimeout(function(){ $.get("/index.php?m=article&a=addclick&id={$data.id}&ajax=1") },3000); </script> </body> </html>