PbootCMS模板建站常用的一些组合调用代码

来源:网站建设 文章作者:dushilianren.cn 1420人浏览

文章摘要:PbootCMS模板建站常用的一些组合调用代码;头部&尾部,▶ 内页头部栏目封面图①(调用顶级栏目的封面和标题)


2345截图20220923151001.jpg

PbootCMS模板建站常用的一些组合调用代码

头部&尾部

▶ 内页头部栏目封面图①(调用顶级栏目的封面和标题)

{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='date desc' isrecommend=1}
        <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.dushilianren.cn/common/264.html

业务咨询

  • 官方微信

    官方微信

  • 商务合作

  • 官方微信

    官方微信

  • Copyright © 2018-2022 小程序开发 APP开发 网站建设 小程序定制 APP定制 All Rights Reserved. 网站地图
    电话咨询:18936104252
    在线客服咨询