【PB建站教程】pboot网站页面常用调用标签-[列表页]
时间: 2024-10-15 05:48:28 浏览次数:0
pbootcms网站常用的参数标签汇总、以及操作过程中的一些bug问题解决方法,pboot网站二开,以下龙腾飞网络科技-小吴在建站实操中笔记记录,pbootcms建站教程/pb网站建设教程 保存使用非常方便:【PB建站教程】pboot网站页面常用调用标签-[列表页]——【列表页,文章列表调用】{pboot:listnum=20order=oppo

pbootcms网站常用的参数标签汇总、以及操作过程中的一些bug问题解决方法,pboot网站二开,以下龙腾飞网络科技-小吴在建站实操中笔记记录,pbootcms建站教程/pb网站建设教程 保存使用非常方便:


【PB建站教程】pboot网站页面常用调用标签-[列表页]


——【列表页,文章列表调用】

 {pboot:list num=20 order=oppose}
"[list:link]" target="_blank"
[list:title len=18]
[list:description function="cn_substr(@me,300)"/]... 
<a href="{sort:link}" target="_blank">{sort:name}</a>  
//文章对应的列表页名称
[list:date style=Y-m-d]  
//发布时间
{/pboot:list}



——【列表页,分页调用】

{pboot:if('{page:count}' > 0)}
<!--//分页容器-->
<div class="uk-text-center frontier-pagess">
    <ul class="uk-clearfix">
       <!-- //{*page:index*}以及{*page:pre*}指定首页和上一页的链接地址,并且可以在a标签中自由设置首页或者上一页的文字-->
        <a class="first" href="{page:index}"><i class="fa fa-angle-double-left"></i></a>
        <a class="uk-visible@s prev" href="{page:pre}"><i class="fa fa-angle-left"></i></a>
     <!--   //分页条-->
        {page:numbar}
      <!--  //同首页和上一页,这里是尾页和下一页-->
        <a class="uk-visible@s next" href="{page:next}"><i class="fa fa-angle-right"></i></a>
        <a class="last" href="{page:last}"><i class="fa fa-angle-double-right"></i></a>
    </ul>
</div>
{/pboot:if}



然后,在skin/css/base.css文件中(自己对应的css文件),最底部增加以下控件

/* 分页样式 */
.frontier-pagess { margin-top: 32px; clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px;}
.frontier-pagess ul { display: inline-block; vertical-align: bottom; text-align: center;}
.frontier-pagess ul span, 
.frontier-pagess ul a { display: block; float: left; margin: auto 2px; padding: 4px 12px; background: #FFF; box-shadow: 0 0 8px rgba(0,0,0,0.07); border-radius: 2px; font-size: 14px; color: #999; }
.frontier-pagess ul a.page-num-current,
.frontier-pagess ul a:hover { background: #775BFF; color: #FFF; }

【注意:当页面是左右结构,左右都有用到列表内容的调用,需要在pboot:list中增加page=0,如以下例子,多个调用分别加入】

{pboot:list scode=* num=1 order=visits titlelen=250 page=0}
<section class="topnews imgscale">
<a href="[list:link]" target="_blank">
<img src="[list:ico]">
<span>[list:title]</span>
</a>
</section>
{/pboot:list}





系统开发专题地图
Copyright©2011 Guangzhou Longtengfei Network Technology Co., Ltd. 广州龙腾飞网络科技有限公司 粤ICP备18029205号 XML地图