Skip to content

E
eduline
Commit eb257fc0 by 陈超
Options

A

parent b1001144
Showing with 102 additions and 90 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>
<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>
<div class="hd"> </van-sticky>
<ul></ul>
<van-list
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="onLoad">
<template v-if="tab == 0">
<div v-for="(item, index) in options[0].items" class="layout_h news_hire_info">
<van-image height="72" width="72" :src="item.cover" fit="cover" ></van-image>
<div class="layout_v_b weight_full" style="margin-left: 0.75rem;">
<div class="text_14_600 color_333333">{{item.title}}</div>
<div class="layout_h_b" style="align-items: flex-end;">
<div class="layout_h">
<span class="text_12_400 color_999999" style="margin-right: 0.75rem;">{{item.location}}</span>
<span class="text_12_400 color_999999" style="margin-right: 0.75rem;">{{item.type}}</span>
<span class="text_12_400 color_999999">{{item.date}}</span>
</div> </div>
<div class="layout_h_r weight_full">
<div @click="onItem(item)" class="news_see_button layout_center text_12_400 color_white">查看</div>
</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>
<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> </div>
<a class="backtop"></a> </div>
</template>
<template v-if="tab == 1">
</template>
<template v-if="tab == 2">
</template>
</van-list>
</div> </div>
<script> <script>
var p = 1;
$(window).scroll(function () {
//已经滚动到上面的页面高度
var scrollTop = $(this).scrollTop();
//页面高度
var scrollHeight = $(document).height();
//浏览器窗口高度
var windowHeight = $(this).height();
//此处是滚动条到底部时候触发的事件，在这里写要加载的数据，或者是拉动滚动条的操作
if (scrollHeight-(scrollTop + windowHeight)<60) {
if(!p || p >= "{$topic_data['totalPages']}"){
return false;
}else{ new Vue({
p = p + 1; el: "#app",
ajaxBang(); data: function() {
return {
tab: 0,
loading: false,
finished: false,
options: [{
title: "招聘信息",
items: [],
page: 0,
finished: false
},{
title: "平台公告",
items: [],
page: 0,
finished: false
},{
title: "考试信息",
items: [],
page: 0,
finished: false
}]
} }
} },
}); methods: {
onChange: function(tab) {
//请求事件 this.tab = tab
function ajaxBang(){ },
onLoad: function() {
$.ajax({ $.ajax({
type: "GET", type: "GET",
url:"{:U('news/Topic/getTopicList')}", url: "{:U('news/Topic/index')}",
data:"p="+p+"&cate={$_GET['cate']}", data: "?cate=" + (this.tab + 1),
dataType:"json", dataType: "json",
success:function(data){ success: function(data) {
appendHtml(data); that.loading =false
that.finished = true
console.log(data)
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
} }
//追加html }))
function appendHtml(data){ that.page = res.nowPage
$(".more_newslist").append(data.data); that.finished = res.nowPage >= res.totalPages
if(!p || p >= data.totalPages){ }
$('.loadding').html('<div>再拉也没有了。。</div>') })
return false; },
}else{ onItem: function(item) {
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