update api
This commit is contained in:
@@ -1,20 +1,20 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<view class="tab-swiper">
|
||||
<u-tabs-swiper ref="uTabs" :list="list" :current="current" @change="tabsChange" active-color="#FF780F" inactive-color="#333333" font-size="30" gutter="317" height="98" :show-bar="false" swiperWidth="750" :is-scroll=false></u-tabs-swiper>
|
||||
<u-tabs-swiper ref="uTabs" :list="list" :current="current" @change="tabsChange" active-color="#FF780F" inactive-color="#333333" font-size="30" gutter="317" height="98" :show-bar="false" swiperWidth="750" :is-scroll="false"></u-tabs-swiper>
|
||||
</view>
|
||||
<swiper :current="swiperCurrent" @animationfinish="animationfinish">
|
||||
<swiper :current="swiperCurrent" >
|
||||
<swiper-item class="swiper-item">
|
||||
<scroll-view scroll-y style="height: 100%;width: 100%;" class="list">
|
||||
<view v-for="(item, index) in 5" :key="index">
|
||||
<ContentItem :cur="current" :delItem="showPopup"></ContentItem>
|
||||
<view v-for="(item, index) in newlist" :key="index">
|
||||
<ContentItem :info="item" :type="type" del="del"></ContentItem>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</swiper-item>
|
||||
<swiper-item class="swiper-item">
|
||||
<scroll-view scroll-y style="height: 100%;width: 100%;" class="video-list">
|
||||
<view v-for="(item, index) in 5" :key="index">
|
||||
<ContentItem :cur="current" :delItem="showPopup"></ContentItem>
|
||||
<view v-for="(item, index) in newlist" :key="index">
|
||||
<ContentItem :info="item" :type="type" @del="del"></ContentItem>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</swiper-item>
|
||||
@@ -43,23 +43,61 @@ export default {
|
||||
}, {
|
||||
name: '视频'
|
||||
}],
|
||||
type:1,
|
||||
num:1,
|
||||
newlist:[]
|
||||
}
|
||||
},
|
||||
components: {
|
||||
ContentItem
|
||||
},
|
||||
onLoad() {
|
||||
this.getlist()
|
||||
},
|
||||
onReachBottom() {
|
||||
this.num++
|
||||
this.getlist()
|
||||
},
|
||||
methods: {
|
||||
showPopup() {
|
||||
this.show = true;
|
||||
getlist(){
|
||||
let that = this;
|
||||
this.$u.api.articlelist({
|
||||
type:that.type,
|
||||
page:that.num
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
if (res.errCode != 0) {
|
||||
this.$refs.uToast.show({
|
||||
title: res.message,
|
||||
type: 'error'
|
||||
});
|
||||
} else {
|
||||
let arr = res.data.articleList
|
||||
for(let index in arr){
|
||||
that.newlist.push(arr[index])
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
del(e) {
|
||||
// 删除元素
|
||||
this.show=true
|
||||
console.log(e)
|
||||
},
|
||||
tabsChange(index) {
|
||||
this.swiperCurrent = index;
|
||||
this.type=index+1;
|
||||
this.num=0
|
||||
this.newlist=[]
|
||||
this.getlist()
|
||||
},
|
||||
animationfinish(e) {
|
||||
console.log(12345666)
|
||||
let current = e.detail.current;
|
||||
// this.$refs.uTabs.setFinishCurrent(current);
|
||||
this.swiperCurrent = current;
|
||||
this.current = current;
|
||||
this.type=current+1;
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user