pbootcms建站常用的一些组合调用代码
作者:PB模板网
时间:2020-10-10 18:14:02
浏览:8999
点赞:409
通用
▶ 文本换行调用实现换行
加上decode=1即可,decode=1 解码数据html字符,如果等于0.则不解码(包括源码已经解码的),此标签一般不使用
{pboot:companyaddress decode=1}
头部&尾部
▶ 二级栏目做头部导航,以下二级栏目为固定写死方法
<div class="nav"> <div class="container"> <ul> <li class="{pboot:if(0=='{sort:scode}')}active{/pboot:if}"><a href="{pboot:sitepath}/">网站首页</a></li> <li class="{pboot:if(13=='{sort:scode}')}active{/pboot:if}"> {pboot:sort scode=13} <a href="[sort:link]">[sort:name]</a> {/pboot:sort} </li> <li class="{pboot:if(14=='{sort:scode}')}active{/pboot:if}"> {pboot:sort scode=14} <a href="[sort:link]">[sort:name]</a> {/pboot:sort} </li> {pboot:nav num=8 parent=0} <li class="{pboot:if('[nav:scode]'=='{sort:tcode}' && '{sort:scode}'!=13 && '{sort:scode}'!=14)}active{/pboot:if}"><a href="[nav:link]">[nav:name]</a></li> {/pboot:nav} </ul> </div> </div>
▶ 内页头部栏目封面图①(调用顶级栏目的封面和标题)
{pboot:sort scode={sort:tcode}} <img src="[sort:pic]" alt="[sort:name]"> {/pboot:sort}
▶ 内页头部栏目封面图②(如果当前栏目有封面图就调用当前的,否则调用顶级栏目的封面)
{pboot:sort scode={sort:tcode}} {pboot:if('{sort:pic}'!='')} <img src="{sort:pic}" alt="{sort:name}"> {else} <img src="[sort:pic]" alt="[sort:name]"> {/pboot:if} {/pboot:sort}
首页
▶ 调用某个栏目的子栏目以及对应匹配的内容列表
以下以首页新闻分类切换效果为例介绍,具体调用参数按需修改。
首先新闻分类调用
<ul class="news-cate"> {pboot:nav num=3 parent=7} <li {pboot:if('[nav:i]'==1)}class="on"{/pboot:if}>[nav:name]</li> {/pboot:nav} </ul>
接着对应新闻分类的内容列表调用
{pboot:nav num=3 parent=7} <div class="news-item"> <div class="item-list news-list"> {pboot:list scode=[nav:scode] num=3 order=sorting} <div class="item clearfix"> <div class="pic pic-scale oh"> <a href="[list:link]"> <img src="[list:ico]" alt="[list:title]"> </a> </div> <div class="cont"> <h4 class="elp"><a href="[list:link]">[list:title]</a></h4> <p>[list:description lencn=85]</p> <div class="date-mini">[list:date style=m-d]</div> <a href="[list:link]" class="swp-more"><i class="iconfont icon-changyongicon-"></i></a> </div> </div> {/pboot:list} </div> </div> {/pboot:nav}
列表页
详情页
单页
内容待整理补充,文章将持续更新
文章链接:https://www.pbhtml.com/170.html
文章标题:pbootcms建站常用的一些组合调用代码
文章版权:PB模板网 (www.pbhtml.com) 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于
文章标题:pbootcms建站常用的一些组合调用代码
文章版权:PB模板网 (www.pbhtml.com) 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于
2022-11-28 18:05:21
,某些文章具有时效性,若有错误或已失效,请在下方留言或联系客服:pbhtml@qq.com