init

project-wl-siji-uniapp-vue3/components/reach-bottom/index.vue

@@ -0,0 +1,39 @@
+<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>