ZXUI

<template>
	<view class="zx-page">
		<zx-list
			@scrolltolower="scrolltolower"
		>
			<zx-list-item
				v-for="(item, index) in indexList"
				:key="index"
			>
				<zx-cell
					:title="`列表长度-${index + 1}`"
				>
					<zx-avatar
						slot="icon"
						shape="square"
						size="35"
						:src="item.url"
						customStyle="margin: -3px 5px -3px 0"
					></zx-avatar>
				</zx-cell>
			</zx-list-item>
		</zx-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indexList: [],
				urls: [
					'https://app.zxui.org/album/1.jpg',
					'https://app.zxui.org/album/2.jpg',
					'https://app.zxui.org/album/3.jpg',
					'https://app.zxui.org/album/4.jpg',
					'https://app.zxui.org/album/5.jpg',
					'https://app.zxui.org/album/6.jpg',
					'https://app.zxui.org/album/7.jpg',
					'https://app.zxui.org/album/8.jpg',
					'https://app.zxui.org/album/9.jpg',
					'https://app.zxui.org/album/10.jpg'
				]
			}
		},
		onLoad() {
			this.loadmore()
		},
		methods: {
			scrolltolower() {
				this.loadmore()
			},
			loadmore() {
				for (let i = 0; i < 30; i++) {
					this.indexList.push({
						url: this.urls[uni.$u.random(0, this.urls.length - 1)]
					})
				}
			}
		},
	}
</script>