<template>
|
|
<scroll-view
|
|
scroll-y="true"
|
|
:style="{height: height}"
|
|
@scrolltolower="$emit('loadMoreData')">
|
|
|
|
<uv-empty
|
|
v-if="!list || !list.length"
|
|
:text="emptyText"
|
|
textSize="30rpx"
|
|
iconSize="200rpx"
|
|
:icon="emptyImage"></uv-empty>
|
|
|
|
<template
|
|
v-else
|
|
v-for="(item, index) in list">
|
|
<slot
|
|
:index="index"
|
|
:item="item">
|
|
<view class="">
|
|
未定义内容
|
|
</view>
|
|
</slot>
|
|
</template>
|
|
</scroll-view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props : {
|
|
height : {
|
|
default : 'auto'
|
|
},
|
|
list : {
|
|
default : [],
|
|
},
|
|
emptyImage : {
|
|
default : 'list'
|
|
},
|
|
emptyText : {
|
|
default : '空空如也!'
|
|
},
|
|
textColor : {
|
|
default : '#c0c4cc'
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|