点击查看大图
轻松几步,你可以做会员中心的界面
这是调用文章的
代码如下:
会员中心的标签跟前台使用方法是一模一样的, 关键之处就是多了一项动态参数 union="uid" 在以往,我们都习惯把参数写死,比如 uid='20' fid='12' 而在会员中心用户的UID都不一样的,所以必须要用动态变量参数 即 union="uid"
<div class="SideInfos">
<h3><i class="fa fa-fw fa-book"></i>我发的文章</h3>
{qb:tag name="wap_member_homepage_001" union="uid" type="cms" rows="5" mid="1" order="id" by="desc"}
<ul> <ol style="width:80%;">{$i}、<a href="{$rs.url}">{$rs.title|get_word=24}</a></ol><li>{:date("m-d",$rs.create_time)}</li></ul>
{/qb:tag}
</div>
下面这个是滚动显示更多.涉及到分页标签代码 {tag:url name="xxxxx"} 他跟显示标签代码有一点区别, 显示标签代码是{qb:tag name="xxxx"}HTML模板代码{/qb:tag}
代码如下,大家可以复制回去收藏,方便下次使用
<div class="SideInfos wap_member_bbs">
<h3><i class="fa fa-fw fa-file-text-o"></i>我的论坛贴子</h3>
{qb:tag name="wap_member_homepage_002" union="uid" type="bbs" rows="5" mid="1" order="id" by="desc"}
<ul> <ol style="width:80%;"><span>{$i}</span>、<a href="{$rs.url}">{$rs.title|get_word=24}</a></ol><li>{:date("m-d",$rs.create_time)}</li></ul>
{/qb:tag}
</div>
<script type="text/javascript">
var Mpage=1;
function ShowMoreBBs(){
Mpage++;
$.get('{qb:url name="wap_member_homepage_002" /}'+Mpage,function(res){
if(res.code==0){
if(res.data==''){
layer.msg("已经显示完了！",{time:500});
}else{
$('.wap_member_bbs').append(res.data);
set_i_num();
scroll_get = true;
}
}else{
layer.msg(res.msg,{time:2500});
}
});
}
//滚动显示更多
var scroll_get = true; //做个标志,不要反反复复的加载
$(document).ready(function () {
$(window).scroll(function () {
if (scroll_get==true && (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {
scroll_get = false;
layer.msg('内容加截中,请稍候',{time:1000});
ShowMoreBBs();
}
});
});
//设置贴子序号
function set_i_num(){
var j = 0;
$('.wap_member_bbs ul span').each(function(){
j++;
$(this).html(j);
});
}
</script>
复制
最后大家要注意的一点,如果不分页的话,可以直接用序号 {$i} 如果分页加载更多的话,要借助 JS处理,比如上面用的
//设置贴子序号
function set_i_num(){
var j = 0;
$('.wap_member_bbs ul span').each(function(){
j++;
$(this).html(j);
});
}
