pages/forum-my/forum-my.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
	<mescroll-uni @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback" @up="upCallback">
		<!--header end-->
		<view class="list">
			<view v-for="(item,index) in list " v-bind:key="index" class="listm flex flex-between">
				<image src="/static/exam-index/paper.png" mode="widthFix" class="listmpic mt10"></image>
				<view class="listmr">
					<view class="col3 f30 elip mb15">{{item.title}}</view>
					<view class="col3 f30 elip mb15">
						<button v-if="item.isdone=='开放'" class="cu-btn bg-green sm">公开</button>
						<button v-if="item.isdone=='关闭'" class="cu-btn bg-red sm">私人</button>
					</view>
					<view class="colb f24 lh35">{{item.content.length>50?item.content.substring(0,50)+'... ...':item.content}}</view>
					<view v-if="item.addtime" class="colb f24 lh35">发布时间{{item.addtime}}</view>
					<view class="flex flex-align-center mt20">
						<text class="colb f25">
							<button @tap="onDetailTap(item.id)" class="cu-btn bg-green shadow">查看</button>
							<button style="margin-left: 20upx;" @tap="onUpdateTap(item.id)" class="cu-btn bg-blue shadow">修改</button>
							<button style="margin-left: 20upx;" @tap="onDeleteTap(item.id)" class="cu-btn bg-red shadow">删除</button>
						</text>
					</view>
				</view>
			</view>
		</view>
		<!--list end-->
		<button class="add-btn" @click="onUpdateTap()">新增</button>
	</mescroll-uni>
</template>

<script>
	import '@/assets/css/global-restaurant.css'
	import uniIcons from "@/components/uni-ui/lib/uni-icons/uni-icons.vue"
	import uniNoticeBar from "@/components/uni-ui/lib/uni-notice-bar/uni-notice-bar.vue"
	export default {
		components: {
			uniIcons,
			uniNoticeBar
		},
		data() {
			return {
				//轮播
				swiperList: [],
				list: [],
				mescroll: null, //mescroll实例对象
				downOption: {
					auto: false //是否在初始化后,自动执行下拉回调callback; 默认true
				},
				upOption: {
					page: {
						// num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
						// size: 5 // 每页数据的数量
					},
					noMoreSize: 3, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
					textNoMore: '~ 没有更多了 ~',
				},
				hasNext: true
			}
		},
		async onShow() {
			this.hasNext = true