70 lines
1.2 KiB
Vue
70 lines
1.2 KiB
Vue
<template>
|
|
<view class="loadMore">
|
|
<!-- 无数据 -->
|
|
<view class="noData" v-if="noData">
|
|
<view class="imgView">
|
|
<image class="img" src="https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes_wechat/noData.png" lazy-load="true"></image>
|
|
</view>
|
|
<view class="text font14">暂无数据...</view>
|
|
</view>
|
|
<view class="loadView" v-if="loading">
|
|
<view class="loadBox">
|
|
<text class="icon iconfont icon-loading"></text>
|
|
<text class="text font14">加载中...</text>
|
|
</view>
|
|
</view>
|
|
<view class="loadCompleted" v-if="loadEnd && !loading">
|
|
<view class="loadBox">
|
|
<text class="iconfont icon-meiyougengduo"></text>
|
|
<text class="text font14">没有更多数据了！</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
props: {
|
|
noData:{
|
|
type:[Boolean],
|
|
default(){
|
|
return false
|
|
}
|
|
},
|
|
loading:{
|
|
type:[Boolean],
|
|
default(){
|
|
return false
|
|
}
|
|
},
|
|
loadEnd:{
|
|
type:[Boolean],
|
|
default(){
|
|
return false
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.noData{
|
|
.text{
|
|
color: $uni-text-color-grey;
|
|
}
|
|
}
|
|
.loadBox{
|
|
color: $uni-text-color-loading;
|
|
}
|
|
</style> |