index.html
6.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
{extend name="layout/default"}
{block name='title'}专家在线{/block}
{block name="content"}
<div class="main">
<div class="list_nav" style="overflow-x: visible;padding: 0">
{foreach $left as $le}
<div class="list_navLi" style="width: 48%;margin-left: 0;">
<p class="{$pid==$le['id']?'list_active':''} list_navTxt" data-style="{$le.id}">{$le.title}</p>
</div>
{/foreach}
</div>
<div>
<div class="experts_List" style="display: block">
<!-- 专家在线--列表 -->
<ul id="experts_List1">
</ul>
</div>
<div class="experts_List">
<ul id="experts_List2">
</ul>
</div>
</div>
</div>
<script>
var pid="{$pid}";
var html="";
$('.list_navLi').click(function() {
$(".list_navdown").show();
var index = $(this).index();
$(this).find('.list_navTxt').addClass('list_active').parents('.list_navLi').siblings().find('.list_navTxt').removeClass('list_active');
$('.experts_List').eq(index).show().siblings().hide();
pid=$(this).find('p').data('style');
page=1;
var data={'pid':pid,'page':1};
html="";
if(pid==31 || pid==11){
$("#experts_List1").html("");
ajax1(data);
}else{
$("#experts_List2").html("");
ajax2(data);
}
});
function ajax1(data) {
ajax("/api/experts/index",data,"post",function (res) {
if(page==res.msg.last_page){
data_status=false;
}else{
data_status=true;
}
var msg=res.msg.data;
var mum=msg.length;
for(var i=0;i<mum;i++){
var res=msg[i];
var image="";
if(res['image']!=""){
image=res['image'];
}
var name="";
if(res['name']!=""){
name=res['name'];
}
var desc="";
if(res['desc']!=""){
desc=res['desc'];
}
html+=' <li>'+
' <div class="experts_Img"><img src='+image+' alt=""></div>'+
' <div class="experts_Box">'+
' <h2 class="one-txt-cut">'+name+'</h2>'+
' <p class="txt-cut">'+desc+'</p>'+
' </div>'+
' <a href="/api/experts/detail?id='+res["id"]+'" style="margin-left:auto">'+
' <div class="experts_Box2">'+
' <div class="experts_Img2"><img src="/static/image/zaixianjiaoliu_icon.png" alt=""></div>'+
' <p>在线交流</p>'+
' </div>'+
' </a>'+
' </li>';
}
$("#experts_List1").html(html);
},"false");
}
function ajax2(data) {
ajax("/api/experts/index",data,"post",function (res) {
if(page==res.msg.last_page){
data_status=false;
}else{
data_status=true;
}
var msg=res.msg.data;
var num=msg.length;
for(var i=0;i<num;i++) {
var res = msg[i];
var image="";
if(res['image']!=""){
image=res['image'];
}
var name="";
if(res['name']!=""){
name=res['name'];
}
var desc="";
if(res['desc']!=""){
desc=res['desc'];
}
html+=' <li>'+
' <div class="experts_Txt one-txt-cut">'+name+'</div>'+
' <div class="experts_Box3">'+
' <p class="experts_Txt2 txt-cut">'+desc+'</p>'+
' <div class="experts_Box4">'+
' <p class="experts_Txt3">'+res['createtime']+'</p>'+
' <a href="/api/experts/detail?id='+res["id"]+'" class="experts_Txt4">[详情]</a>'+
' </div>'+
' </div>'+
' </li>';
}
$("#experts_List2").html(html);
},"false");
}
//上拉加载
var page = 1;
var data_status = true;
function get_data(page) {
var data = {
page: page,
pid:pid
};
if(pid==31 || pid==11){
ajax1(data);
}else{
ajax2(data);
}
};
get_data(page)
//滚动事件触发
window.onscroll = function(ev) {
if (getScrollTop() + getClientHeight() >= getScrollHeight() && data_status) {
// 后台数据调用
if (data_status === true) {
++page;
get_data(page);
}
} else if (getScrollTop() + getClientHeight() >= getScrollHeight() && !data_status) {
mui.toast('已经到底了！', {
duration: 1600,
type: 'div'
})
}
};
</script>
{/block}