100 lines
3.8 KiB
Vue
100 lines
3.8 KiB
Vue
<template>
|
|
<view>
|
|
<status-container titlet="订单管理" :ifCustomer='false'>
|
|
<view slot="content" style="margin: -20rpx -20rpx 0 -20rpx;">
|
|
<view class="bacf">
|
|
<swiperTabSlide @scrollBottom="scrollBottomEv" :list="dataList" :ifloading="ifloading" :tagList="tagList" :tagIndex="tagIndex"></swiperTabSlide>
|
|
</view>
|
|
</view>
|
|
</status-container>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import swiperTabSlide from '@/components/swiper-tab/swiper-tab-slide.vue';
|
|
// 底部组件
|
|
import footTab from '@/components/foot-tabs/foot-tab.vue';
|
|
export default {
|
|
components:{
|
|
'foot-tab' :footTab,
|
|
swiperTabSlide
|
|
},
|
|
data() {
|
|
return {
|
|
tagList:[
|
|
{title:'全部'},
|
|
{title:'已下单'},
|
|
{title:'制作中'},
|
|
{title:'已发货'},
|
|
{title:'已完成'},
|
|
{title:'已取消'},
|
|
],
|
|
tagIndex:0,
|
|
dataList:[
|
|
[
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
],
|
|
[
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
],
|
|
[
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
],
|
|
[
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
],
|
|
[
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
],
|
|
[
|
|
{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
|
|
],
|
|
],
|
|
ifloading:false,
|
|
flag:true
|
|
}
|
|
},
|
|
onLoad(op) {
|
|
if(op.index) {
|
|
this.tagIndex = op.index;
|
|
}
|
|
},
|
|
methods: {
|
|
scrollBottomEv(e){
|
|
if(this.flag){
|
|
this.flag = false;
|
|
this.ifloading = true;
|
|
setTimeout(()=>{
|
|
for (let i = 0; i < 2; i++) {
|
|
let obj = {
|
|
title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99
|
|
}
|
|
this.dataList[e].push(obj);
|
|
}
|
|
this.ifloading = false;
|
|
this.flag = true;
|
|
},1000)
|
|
// 重新渲染组件
|
|
this.$forceUpdate();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|