Skip to content

E
eduline
Commit eb257fc0 by 陈超
Options

A

parent b1001144
Showing with 115 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-->
<div class="body"> <van-sticky>
<div id="slideBox" class="slideBox"> <div class="tabs_container">
<div class="bd"> <div @click="onChange(idx)" v-for="(opt, idx) in options" :key="idx" :class="idx == tab ? 'tab_item_selected' : 'tab_item_normal'" >
<ul> <span>{{opt.title}}</span>
<volist name="ad_list" id="vo" offset="0" length="5"> </div>
<li> </div>
<a target="_blank" href="{$vo.bannerurl}"> </van-sticky>
<img src="{:getCover($vo['banner'],640,320)}" title="{$vo.banner_title}" alt="{$vo.banner_title}" class="lazyloading"/>
</a> <van-list
</li> v-model="loading"
</volist> :finished="finished"
</ul> finished-text="没有更多了"
</div> @load="onLoad">
<div class="hd">
<ul></ul> <template v-if="tab == 0">
</div> <div v-for="(item, index) in options[0].items" class="layout_h news_hire_info">
</div> <van-image height="72" width="72" :src="item.cover" fit="cover" ></van-image>
<script type="text/javascript"> <div class="layout_v_b weight_full" style="margin-left: 0.75rem;">
// TouchSlide({ <div class="text_14_600 color_333333">{{item.title}}</div>
// slideCell:"#slideBox", <div class="layout_h_b" style="align-items: flex-end;">
// titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层 <div class="layout_h">
// mainCell:".bd ul", <span class="text_12_400 color_999999" style="margin-right: 0.75rem;">{{item.location}}</span>
// effect:"leftLoop", <span class="text_12_400 color_999999" style="margin-right: 0.75rem;">{{item.type}}</span>
// autoPage:true,//自动分页 <span class="text_12_400 color_999999">{{item.date}}</span>
// autoPlay:true //自动播放 </div>
// }); <div class="layout_h_r weight_full">
</script> <div @click="onItem(item)" class="news_see_button layout_center text_12_400 color_white">查看</div>
<ul class="newsnav"> </div>
<li><a href="{:U('news/Topic/index')}" <if condition="$_GET['cate'] eq ''">style="color: #00BED4;"</if> >全部资讯</a></li> </div>
<volist name="cate" id="vo"> </div>
<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> </div>
</volist> </template>
</ul>
<!--<div class="searchdiv"><if condition="$cate_name_one">在“<span>{$cate_name_one}</span>”分类下，</if>找到{$topic_data.count}条资讯</div>--> <template v-if="tab == 1">
<ul class="newslist more_newslist">
<volist name="topic_data.data" id="vo"> </template>
<li><a href="{:U('news/Topic/view',array('id'=>$vo['id']))}">
<img src="{:getCover($vo['image'],150,90)}" /> <template v-if="tab == 2">
<h3>{$vo.title|mStr=###,'25'}</h3>
<!-- <p>{$vo.desc|mStr=###,'85'}</p> --> </template>
<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> </van-list>
</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 Vue({
el: "#app",
//已经滚动到上面的页面高度 data: function() {
var scrollTop = $(this).scrollTop(); return {
//页面高度 tab: 0,
var scrollHeight = $(document).height(); loading: false,
//浏览器窗口高度 finished: false,
var windowHeight = $(this).height(); options: [{
//此处是滚动条到底部时候触发的事件，在这里写要加载的数据，或者是拉动滚动条的操作 title: "招聘信息",
if (scrollHeight-(scrollTop + windowHeight)<60) { items: [],
if(!p || p >= "{$topic_data['totalPages']}"){ page: 0,
return false; finished: false
},{
}else{ title: "平台公告",
p = p + 1; items: [],
ajaxBang(); page: 0,
} finished: false
} },{
}); title: "考试信息",
items: [],
//请求事件 page: 0,
function ajaxBang(){ finished: false
$.ajax({ }]
type: "GET", }
url:"{:U('news/Topic/getTopicList')}", },
data:"p="+p+"&cate={$_GET['cate']}", methods: {
dataType:"json", onChange: function(tab) {
success:function(data){ this.tab = tab
appendHtml(data); },
} onLoad: function() {
}); $.ajax({
} type: "GET",
//追加html url: "{:U('news/Topic/index')}",
function appendHtml(data){ data: "?cate=" + (this.tab + 1),
$(".more_newslist").append(data.data); dataType: "json",
if(!p || p >= data.totalPages){ success: function(data) {
$('.loadding').html('<div>再拉也没有了。。</div>') that.loading =false
return false; that.finished = true
}else{ console.log(data)
p = data.nowPage;//下一页 return
} let res = data
} let old = []
if(that.page != 0) {
old = that.items
}
let array = res.data.length > 0 ? res.data : []
that.items = old.concat(array.map( r => {
let pi = r.mz_price
return {
id: r.id,
title: r.video_title,
cover: r.image_url,
price: pi.price == 0 ? '免费' : ('¥' + pi.price),
count: on ? r.video_order_count_mark : r.video_order_count
}
}))
that.page = res.nowPage
that.finished = res.nowPage >= res.totalPages
}
})
},
onItem: function(item) {
}
}
})
</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