|
@@ -12,9 +12,12 @@
|
|
|
.ui.secondary.pointing.menu{overflow:auto;border-bottom:0px;margin-top: 65px;}
|
|
|
.ui.secondary.pointing.menu::-webkit-scrollbar {display:none}
|
|
|
.main{margin-top: 115px;background-color: white;}
|
|
|
- .items{padding: 18px;font-size: 13px;color: #606060;border-bottom: 1px solid #efefef;}
|
|
|
+ .items{padding: 15px;font-size: 15px;color: #3a3939;border-bottom: 1px solid #efefef;}
|
|
|
.items:last-child{border: 0px;}
|
|
|
- .sm4{text-align: right;font-size: 12px;position: relative;}
|
|
|
+ .cn{font-size: 10px;color: darkgray;padding-top: 3px;}
|
|
|
+ .dc{padding-left: 5px;}
|
|
|
+ .isTop{color: red;font-weight: bold;}
|
|
|
+ .icon{font-size: 48px;display: block;}
|
|
|
[v-cloak] {display: none;}
|
|
|
</style>
|
|
|
</head>
|
|
@@ -24,75 +27,31 @@
|
|
|
<div class="top">
|
|
|
<header class="mui-bar mui-bar-nav">
|
|
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
|
- <h1 class="mui-title">时政新闻</h1>
|
|
|
+ <h1 class="mui-title">{{param.type}}</h1>
|
|
|
</header>
|
|
|
<div class="ui secondary pointing menu">
|
|
|
- <a class="item" :style="{'color':index==current?'#00a0ea':'','border-bottom':index==current?'4px solid #00a0ea':''}" v-for="(item,index) in column_list" @click="selected(item.id,index)">{{item.mColumnName}} </a>
|
|
|
+ <a class="item" :style="{'color':index==current?'#00a0ea':'','border-bottom':index==current?'4px solid #00a0ea':''}" v-for="(item,index) in column_list" @click="selected(param.columnId=item.id,current=index)">{{item.mColumnName}} </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="main">
|
|
|
- <div class="items row">
|
|
|
- <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
- <div class="sm4">09-30 12:02 </div>
|
|
|
- <div class="clear"></div>
|
|
|
+ <div class="main" v-if="news_list.length>0">
|
|
|
+ <div class="items" v-for="(item,index) in news_list" @click="detail(item.id)">
|
|
|
+ <div class="omit">{{item.mTitle}}</div>
|
|
|
+ <div class="cn">
|
|
|
+ <span class="isTop" v-show="item.isTop==1">置顶</span>
|
|
|
+ <span class="dc"> {{item.mColumnName}}</span>
|
|
|
+ <span class="dc"> {{item.mTime.substring(0,16)}}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="items row">
|
|
|
- <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
- <div class="sm4">09-30 12:02</div>
|
|
|
- <div class="clear"></div>
|
|
|
- </div>
|
|
|
- <div class="items row">
|
|
|
- <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
- <div class="sm4">09-30 12:02</div>
|
|
|
- <div class="clear"></div>
|
|
|
- </div>
|
|
|
- <div class="items row">
|
|
|
- <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
- <div class="sm4">09-30 12:02</div>
|
|
|
- <div class="clear"></div>
|
|
|
- </div>
|
|
|
- <div class="items row">
|
|
|
- <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
- <div class="sm4">09-30 12:02</div>
|
|
|
- <div class="clear"></div>
|
|
|
- </div>
|
|
|
- <div class="items row">
|
|
|
- <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
- <div class="sm4">09-30 12:02</div>
|
|
|
- <div class="clear"></div>
|
|
|
- </div>
|
|
|
- <div class="items row">
|
|
|
- <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
- <div class="sm4">09-30 12:02</div>
|
|
|
- <div class="clear"></div>
|
|
|
- </div>
|
|
|
- <div class="items row">
|
|
|
- <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
- <div class="sm4">09-30 12:02</div>
|
|
|
- <div class="clear"></div>
|
|
|
- </div>
|
|
|
- <div class="items row">
|
|
|
- <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
- <div class="sm4">09-30 12:02</div>
|
|
|
- <div class="clear"></div>
|
|
|
- </div>
|
|
|
- <div class="items row">
|
|
|
- <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
- <div class="sm4">09-30 12:02</div>
|
|
|
- <div class="clear"></div>
|
|
|
- </div>
|
|
|
- <div class="items row">
|
|
|
- <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
- <div class="sm4">09-30 12:02</div>
|
|
|
- <div class="clear"></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="no_data" v-else>
|
|
|
+ <i @click="fx()" class="icon"></i>没有数据
|
|
|
</div>
|
|
|
<!--加载更多-->
|
|
|
<div class="more">
|
|
|
- <div class="loading" v-if="loading" style="margin: 10px"><span class="mui-spinner"></span>
|
|
|
+ <div class="loading" v-if="loading">
|
|
|
+ <span class="mui-spinner"></span>
|
|
|
<div class="mc">加载中...</div>
|
|
|
</div>
|
|
|
- <div v-else><span class="icon iconfont icon-meiyou"></span> 没有更多内容了</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -103,22 +62,26 @@
|
|
|
var vm = new Vue({
|
|
|
el: "#app",
|
|
|
data: {
|
|
|
+ news_list:[],
|
|
|
column_list: [],
|
|
|
- param: {page: 1},
|
|
|
+ param: {page: 1,type:'时政信息','columnId':''},
|
|
|
current: 0,
|
|
|
loading: false,
|
|
|
hasMore: false,
|
|
|
},
|
|
|
mounted: function() {
|
|
|
- //mui.plusReady(function() {
|
|
|
- request(urls().column, {
|
|
|
- mType: 1
|
|
|
- }, function(res) {
|
|
|
- vm.column_list = res;
|
|
|
- //plus.nativeUI.closeWaiting();
|
|
|
- })
|
|
|
- //vm.getData();
|
|
|
- //})
|
|
|
+ mui.plusReady(function() {
|
|
|
+ var obj = plus.webview.currentWebview();
|
|
|
+ vm.param.type=obj.param.type;
|
|
|
+ request(urls().column, {mType: obj.param.type=='时政信息'?1:2}, function(res) {
|
|
|
+ vm.column_list.push({mColumnName:'最近文章',id:''})
|
|
|
+ res.forEach(function(item){
|
|
|
+ vm.column_list.push(item);
|
|
|
+ })
|
|
|
+ plus.nativeUI.closeWaiting();
|
|
|
+ })
|
|
|
+ vm.getData();
|
|
|
+ })
|
|
|
//监听滚动加载
|
|
|
window.addEventListener('scroll', function() {
|
|
|
//滚动高度+内高度>=文档高度
|
|
@@ -130,7 +93,7 @@
|
|
|
vm.param.page++;
|
|
|
setTimeout(function() {
|
|
|
vm.getData()
|
|
|
- }, 500);
|
|
|
+ }, 1000);
|
|
|
}
|
|
|
}
|
|
|
})
|
|
@@ -138,27 +101,26 @@
|
|
|
methods: {
|
|
|
//获取数据
|
|
|
getData: function() {
|
|
|
- request(urls().goods_list, this.param, function(res) {
|
|
|
- res.list.forEach(function(item) {
|
|
|
- item.mCove = urls().path + item.mCove;
|
|
|
- vm.goods_list.push(item);
|
|
|
+ request(urls().news_list, this.param, function(res) {
|
|
|
+ res.rows.forEach(function(item) {
|
|
|
+ vm.news_list.push(item);
|
|
|
});
|
|
|
- vm.hasMore = vm.param.page < res.totalPage ? true : false;
|
|
|
+ vm.hasMore = vm.param.page < res.total ? true : false;
|
|
|
vm.loading = false;
|
|
|
plus.nativeUI.closeWaiting();
|
|
|
})
|
|
|
},
|
|
|
//选择栏目
|
|
|
- selected: function(columnId, index) {},
|
|
|
+ selected: function(columnId, index) {
|
|
|
+ vm.refresh();
|
|
|
+ },
|
|
|
//详情
|
|
|
- detail: function(item) {
|
|
|
- open('goods_detail', '../pages/goods/detail.html', {
|
|
|
- id: item.id
|
|
|
- }, 'slide-in-bottom');
|
|
|
+ detail: function(id) {
|
|
|
+ open('news_detail', 'detail.html', {id: id}, 'slide-in-bottom');
|
|
|
},
|
|
|
//刷新
|
|
|
refresh: function() {
|
|
|
- vm.goods_list = [];
|
|
|
+ vm.news_list = [];
|
|
|
vm.param.page = 1;
|
|
|
vm.getData();
|
|
|
}
|