### 點擊查看大圖 輕松幾步,你可以做會員中心的界面 [](https://box.kancloud.cn/2fa4948ccc20f53614b37247a6fd5e1d_455x688.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) 代碼如下,大家可以復制回去收藏,方便下次使用 ~~~ <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); }); } ~~~