小程序初始提交

cool-unix/uni_modules/cool-ui/components/cl-loadmore/cl-loadmore.uvue

@@ -0,0 +1,96 @@
+<template>
+	<view class="cl-loadmore-wrapper">
+		<view class="cl-loadmore">
+			<cl-loading
+				:size="28"
+				:pt="{
+					className: `mr-2 ${pt.icon?.className}`
+				}"
+				v-if="loading"
+			></cl-loading>
+
+			<cl-text
+				:pt="{
+					className: pt.text?.className
+				}"
+				>{{ message }}</cl-text
+			>
+		</view>
+
+		<cl-safe-area type="bottom" v-if="safeAreaBottom"></cl-safe-area>
+	</view>
+</template>
+
+<script lang="ts" setup>
+import { t } from "@/locale";
+import { computed } from "vue";
+import { parsePt } from "@/cool";
+import type { PassThroughProps } from "../../types";
+
+defineOptions({
+	name: "cl-loadmore"
+});
+
+const props = defineProps({
+	pt: {
+		type: Object,
+		default: () => ({})
+	},
+	// 是否加载中
+	loading: {
+		type: Boolean,
+		default: false
+	},
+	// 加载中显示内容
+	loadingText: {
+		type: String,
+		default: () => t("加载中")
+	},
+	// 是否加载完成
+	finish: {
+		type: Boolean,
+		default: false
+	},
+	// 加载完成显示内容
+	finishText: {
+		type: String,
+		default: () => t("没有更多了")
+	},
+	// 是否显示底部安全区
+	safeAreaBottom: {
+		type: Boolean,
+		default: false
+	}
+});
+
+type PassThrough = {
+	className?: string;
+	icon?: PassThroughProps;
+	text?: PassThroughProps;
+};
+
+const pt = computed(() => parsePt<PassThrough>(props.pt));
+
+// 消息内容
+const message = computed(() => {
+	if (props.finish) {
+		return props.finishText;
+	}
+
+	if (props.loading) {
+		return props.loadingText;
+	}
+
+	return "";
+});
+</script>
+
+<style lang="scss" scoped>
+.cl-loadmore-wrapper {
+	@apply flex flex-col items-center justify-center py-2;
+}
+
+.cl-loadmore {
+	@apply flex flex-row items-center justify-center;
+}
+</style>

cool-unix/uni_modules/cool-ui/components/cl-loadmore/props.ts

@@ -0,0 +1,17 @@
+import type { PassThroughProps } from "../../types";
+
+export type ClLoadmorePassThrough = {
+	className?: string;
+	icon?: PassThroughProps;
+	text?: PassThroughProps;
+};
+
+export type ClLoadmoreProps = {
+	className?: string;
+	pt?: ClLoadmorePassThrough;
+	loading?: boolean;
+	loadingText?: string;
+	finish?: boolean;
+	finishText?: string;
+	safeAreaBottom?: boolean;
+};