### 点击查看大图 轻松几步,你可以做会员中心的界面 [![](https://box.kancloud.cn/2fa4948ccc20f53614b37247a6fd5e1d_455x688.png)](https://box.kancloud.cn/2fa4948ccc20f53614b37247a6fd5e1d_455x688.png) 这是调用文章的 [![](https://box.kancloud.cn/2874441b5d3b91306c86b99c17984006_1424x319.png)](https://box.kancloud.cn/2874441b5d3b91306c86b99c17984006_1424x319.png) 代码如下: 会员中心的标签跟前台使用方法是一模一样的, 关键之处就是多了一项动态参数 `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}` [![](https://box.kancloud.cn/37281d17b09a2e506636f942ca4e2215_1642x779.png)](https://box.kancloud.cn/37281d17b09a2e506636f942ca4e2215_1642x779.png) 代码如下,大家可以复制回去收藏,方便下次使用 ~~~ <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); }); } ~~~