uniapp分页和左滑删除

<template>
	<view class="content paddingbox bgwhrite">
		<!--宣传活动-->
		<view class="contentbox2  bgfff borderradius24">
			<view class="arctilelist">

				<view v-for="(item,index) in list" :key="index" :class="index==list.length-1 ? '' :'borderbottom'"
					@click="gotosearch(item.id)">
					<view class=" paddingbox display borderradius8 paddingtop40">
						<view v-if="item.fileId" class="contentbox2item1 swiperarea bgddd borderradius8">
							<swiper class="swiper" autoplay interval="2000" duration="500">
									<swiper-item >
									<image mode="aspectFit" :src="ip+'/file/api/file/download?fileId=' + item.fileId +
									'&chToken=' + token" />
								</swiper-item>
							</swiper>
						</view>
						<view class="mleft20 contentbox2item2" :style="[{width:(img?'calc(100% - 210upx)':'100%')}]">
							<view class="fontsize28 fontbold  color333">
								{
  {item.activityTitle?item.activityTitle:'暂无'}}
							</view>
							<view class="display justifybetween alignitem mtop30">
								<view class="fontsize28 color666">{
  {item.activityDate?item.activityDate:'暂无'}}</view>
								<view
									class="bgyellow alignitem nomalbtn colorfff borderradius24 fontsize24 yellowshadow width100 display justifycenter"
									v-if="item.activityStatusName=='未开始'">
									<view>未开始</view>
								</view>
								<view v-if="item.activityStatusName=='已开始'"
									class="bggreen alignitem nomalbtn colorfff borderradius24 fontsize24 greenwshadow width100 display justifycenter">
									<view>已开始</view>
								</view>
								<view v-if="item.activityStatusName=='已结束'"
									class="bggray alignitem nomalbtn colorfff  borderradius24 fontsize24 grayshadow width100 display justifycenter">
									<view>已结束</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<text class="loading-text">
					{
  {loadingType === 0 ? contentText.contentdown : (loadingType === 1 ? contentText.contentrefresh : contentText.contentnomore)}}
				</text>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	const baseUrl = require("@/api/http.js");
	export default {
		data() {
			return {
				// 分页
				pageSize: 10,
				pageNum: 1,
				loadingType: 0,
				img: false,
				contentText: {
					contentdown: "上拉显示更多",
					contentrefresh: "正在加载...",
					contentnomore: "没有更多数据了"
				},
				list: [],
				token: uni.getStorageSync('token'),
				ip: baseUrl.ip
			}
		},
		onLoad() {
			this.pageNum = 1
			this.list = []
			this.getListInfo();
		},
		/*下拉刷新*/
		onPullDownRefresh: function() {
			this.getListInfo();
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		/*上拉刷新*/
		onReachBottom: function() {
			this.getMoreListInfo()
		},
		methods: {
			gotosearch(id) {
				let num = id.toString()
				uni.navigateTo({
					url: '/pages/publicize/articlesearch?id=' + num
				})
			},
			/*下拉刷新*/
			getListInfo() {
				const that = this;
				this.pageNum = 1
				this.list = []
				this.getlist()
			},
			/* 上拉加载 */
			getMoreListInfo() {
				this.pageNum++
				if (this.loadingType != 0) {
					return false; //loadingType!=0;直接返回
				}
				this.loadingType = 1;
				uni.showNavigationBarLoading();
				this.getlist()
			},
			// 获取列表
			getlist() {
				this.http.get('/classification/api/weChat/publicityActivityListByPage', {
					curr