You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.3 KiB
68 lines
1.3 KiB
4 years ago
|
<template>
|
||
|
|
<view class="u-page">
|
||
|
|
<u-list
|
||
|
|
@scrolltolower="scrolltolower"
|
||
|
|
>
|
||
|
|
<u-list-item
|
||
|
|
v-for="(item, index) in indexList"
|
||
|
|
:key="index"
|
||
|
|
>
|
||
|
|
<u-cell
|
||
|
|
:title="`列表长度-${index + 1}`"
|
||
|
|
>
|
||
|
|
<u-avatar
|
||
|
|
slot="icon"
|
||
|
|
shape="square"
|
||
|
|
size="35"
|
||
|
|
:src="item.url"
|
||
|
|
customStyle="margin: -3px 5px -3px 0"
|
||
|
|
></u-avatar>
|
||
|
|
</u-cell>
|
||
|
|
</u-list-item>
|
||
|
|
</u-list>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
indexList: [],
|
||
|
|
urls: [
|
||
|
|
'https://cdn.uviewui.com/uview/album/1.jpg',
|
||
|
|
'https://cdn.uviewui.com/uview/album/2.jpg',
|
||
|
|
'https://cdn.uviewui.com/uview/album/3.jpg',
|
||
|
|
'https://cdn.uviewui.com/uview/album/4.jpg',
|
||
|
|
'https://cdn.uviewui.com/uview/album/5.jpg',
|
||
|
|
'https://cdn.uviewui.com/uview/album/6.jpg',
|
||
|
|
'https://cdn.uviewui.com/uview/album/7.jpg',
|
||
|
|
'https://cdn.uviewui.com/uview/album/8.jpg',
|
||
|
|
'https://cdn.uviewui.com/uview/album/9.jpg',
|
||
|
|
'https://cdn.uviewui.com/uview/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>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.u-page {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
</style>
|