40 lines
865 B
Vue
40 lines
865 B
Vue
|
<template>
|
||
|
|
<!-- <view class="bottom-box">
|
||
|
|
<view class="bottom-item">
|
||
|
|
<text class="title">{{loadingText}}</text>
|
||
|
|
</view>
|
||
|
|
</view> -->
|
||
|
|
<uni-load-more :status="status" :content-text="contentText" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import { ref, reactive, onMounted } from 'vue';
|
||
|
|
// 获取父组件值、方法
|
||
|
|
const props = defineProps({
|
||
|
|
// contentText: {
|
||
|
|
// type: Object,
|
||
|
|
// default:() => ({})
|
||
|
|
// },
|
||
|
|
// status:{
|
||
|
|
// type:String,
|
||
|
|
// default:''
|
||
|
|
// }
|
||
|
|
});
|
||
|
|
// ------定义变量------
|
||
|
|
let status = ref('more'); //loading 的状态 more(加载前)/loading(加载中)/noMore(没有更多数据)
|
||
|
|
const contentText = ref({ //加载状态说明
|
||
|
|
contentdown: '上拉加载更多',
|
||
|
|
contentrefresh: '加载中',
|
||
|
|
contentnomore: '没有更多'
|
||
|
|
});
|
||
|
|
|
||
|
|
//把数据、方法暴漏给父组件
|
||
|
|
defineExpose({
|
||
|
|
status,
|
||
|
|
contentText
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style></style>
|