點選檢視大圖

輕鬆幾步,你可以做會員中心的介面

這是呼叫文章的

程式碼如下:
會員中心的標籤跟前臺使用方法是一模一樣的, 關鍵之處就是多了一項動態引數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);
	});
}