w1020/18.uniapp小程序/project1/pages/list/list.vue

<template>
	<view class="list">
		{{list}}
		<view v-for="(item,index) in list" :key="index">
			<view class="box-item">
				{{item}}
			</view>
		</view>
		<van-button type="default">默认按钮</van-button>
		<van-button type="primary">主要按钮</van-button>
		<van-button type="info">信息按钮</van-button>
		<van-button type="warning">警告按钮</van-button>
		<van-button type="danger">危险按钮</van-button>

	</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>