<template>
	<view class="list">
		{{list}}
		<view v-for="(item,index) in list" :key="index">
			<view class="box-item">
				{{item}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: ['星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二',
					'星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二', '星期一', '星期二',
				]

			}
		},

		onPullDownRefresh() {
			console.log(("下拉中"))
			setTimeout(() => {
				uni.stopPullDownRefresh()
			}, 2000)
		},
		onReachBottom() {
			console.log("触底")
			let arr = ['孙悟空','猪八戒','沙和尚']
			this.list = [...this.list,...arr]
		}
	}
</script>

<style scoped lang="scss">
	.box-item {
		height: 50rpx;
		line-height: 50rpx;
	}
</style>