Skip to content

E
eduline
Commit a5b7c22e by 陈超
Options

A

parent c9ee5288
Showing with 30 additions and 103 deletions
apps/news/Tpl/default/Topic/index_w3g.html
<include file="__THEME__/public_header_w3g"/> <include file="__THEME__/public_header_w3g"/>
<style> <style>
.info{line-height: 20px;} body {
.info i{transform: translateY(2px);font-size:18px;padding-right:5px;} padding: 0 !important;
.newslist h3{min-height: 40px;} }
</style> </style>
<div class="min-height-wrap"> <div id="app">
<!--content start--> <van-sticky>
<div class="body"> <div class="tabs_container">
<div id="slideBox" class="slideBox"> <div @click="onChange(idx)" v-for="(tab, idx) in options" :key="idx" :class="idx == tab ? 'tab_item_selected' : 'tab_item_normal'" >
<div class="bd"> <span>{{tab.title}}</span>
<ul> </div>
<volist name="ad_list" id="vo" offset="0" length="5"> </div>
<li> </van-sticky>
<a target="_blank" href="{$vo.bannerurl}">
<img src="{:getCover($vo['banner'],640,320)}" title="{$vo.banner_title}" alt="{$vo.banner_title}" class="lazyloading"/>
</a>
</li>
</volist>
</ul>
</div>
<div class="hd">
<ul></ul>
</div>
</div>
<script type="text/javascript">
// TouchSlide({
// slideCell:"#slideBox",
// titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
// mainCell:".bd ul",
// effect:"leftLoop",
// autoPage:true,//自动分页
// autoPlay:true //自动播放
// });
</script>
<ul class="newsnav">
<li><a href="{:U('news/Topic/index')}" <if condition="$_GET['cate'] eq ''">style="color: #00BED4;"</if> >全部资讯</a></li>
<volist name="cate" id="vo">
<li><a href="{:U('news/Topic/index',['cate'=>$vo['zy_topic_category_id']])}" <if condition="$_GET['cate'] eq $vo['zy_topic_category_id']">style="color: #00BED4;border-bottom: 2px solid #00BED4;"</if> >{:t($vo['title'])}</a></li>
</volist>
</ul>
<!--<div class="searchdiv"><if condition="$cate_name_one">在“<span>{$cate_name_one}</span>”分类下，</if>找到{$topic_data.count}条资讯</div>-->
<ul class="newslist more_newslist">
<volist name="topic_data.data" id="vo">
<li><a href="{:U('news/Topic/view',array('id'=>$vo['id']))}">
<img src="{:getCover($vo['image'],150,90)}" />
<h3>{$vo.title|mStr=###,'25'}</h3>
<!-- <p>{$vo.desc|mStr=###,'85'}</p> -->
<div class="info"><span><i class="iconfontNEW">&#xe6e6;</i>{$vo.readcount}浏览</span><span style="float:right;transform: translateY(1px)">{$vo.dateline|friendlyDate}</span></div>
</a></li>
</volist>
</ul>
</div>
<div class="loadding">
<php>if($topic_data['data']){</php>
<if condition="$topic_data['nowPage'] eq $topic_data['totalPages']">
<div>再拉也没有了。。</div><else/>正在加载更多。。
</if></div>
<php>}else{</php>
<div>再拉也没有了。。</div>
<php>}</php>
</div>
<a class="backtop"></a>
</div> </div>
<script> <script>
var p = 1;
$(window).scroll(function () { new App({
el: "#app",
//已经滚动到上面的页面高度 data: function() {
var scrollTop = $(this).scrollTop(); return {
//页面高度 tab: 0,
var scrollHeight = $(document).height(); options: [{
//浏览器窗口高度 title: "招聘信息",
var windowHeight = $(this).height(); items: []
//此处是滚动条到底部时候触发的事件，在这里写要加载的数据，或者是拉动滚动条的操作 },{
if (scrollHeight-(scrollTop + windowHeight)<60) { title: "平台公告",
if(!p || p >= "{$topic_data['totalPages']}"){ items: []
return false; },{
title: "考试信息",
}else{ items: []
p = p + 1; }]
ajaxBang(); }
} }
} })
});
//请求事件
function ajaxBang(){
$.ajax({
type: "GET",
url:"{:U('news/Topic/getTopicList')}",
data:"p="+p+"&cate={$_GET['cate']}",
dataType:"json",
success:function(data){
appendHtml(data);
}
});
}
//追加html
function appendHtml(data){
$(".more_newslist").append(data.data);
if(!p || p >= data.totalPages){
$('.loadding').html('<div>再拉也没有了。。</div>')
return false;
}else{
p = data.nowPage;//下一页
}
}
</script> </script>
<!--footer--> <!--footer-->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment